JavaScript DOM Input Datetime 对象 disabled 属性

• 

  Input Datetime 对象 disabled 属性

  disabled属性设置或返回是否应禁用日期时间字段。禁用的元素无法使用且无法单击。默认情况下，在浏览器中，禁用元素通常以灰色显示。此属性反映HTML disabled的属性。

  禁用日期时间字段：

  document.getElementById("myDatetime").disabled = true;

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  disabled	10.0+	支持	支持	支持	支持

  注意： <input type=“datetime”>元素不会在除Safari之外的任何主要浏览器中显示任何日期时间字段/日历。
• 

  语法

  返回disabled属性：

  DatetimeObject.disabled

  设置disabled属性

  DatetimeObject.disabled = true|false
• 

  属性值

  值	描述
  true|false	指定是否应禁用日期时间字段 true - 禁用日期时间字段 false - 默认。 日期时间字段未禁用

• 

  技术细节

  项目	描述
  返回值	如果禁用日期时间字段，则返回true，否则返回false

• 

  更多例子

  找出是否禁用了日期时间字段：

  var x = document.getElementById("myDatetime").disabled;

  尝试一下

  禁用和取消日期时间字段：

  function disableBtn() {
      document.getElementById("myDatetime").disabled = true;
  }
  
  function undisableBtn() {
      document.getElementById("myDatetime").disabled = false;
  }

  尝试一下
• 

  相关页面

  HTML参考：HTML <input> disabled 属性