JavaScript DOM Input Date 对象 disabled 属性

• 

  Input Date 对象 disabled 属性

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

  禁用日期字段：

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

  尝试一下
• 

  浏览器支持

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

  注意： <input type=“date”>元素在Internet Explorer11及更早版本中不显示任何日期/日历。。
• 

  语法

  返回disabled属性：

  DateObject.disabled

  设置disabled属性

  DateObject.disabled = true|false
• 

  属性值

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

• 

  技术细节

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

• 

  更多例子

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

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

  尝试一下

  禁用和取消日期字段：

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

  尝试一下
• 

  相关页面

  HTML参考：HTML <input> disabled 属性