Input Date disabled 属性

Input Date 对象参考手册 Input Date 对象

实例代码

禁用日期字段:

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

The result could be:

定义和用法

disabled 属性设置或返回日期字段是否可用。

使用 disabled 属性的元素是不可用和不可点击的。 禁用的元素在浏览器上通常显示为灰色。

该属性反映了 HTML disabled 属性。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 disabled 属性。

注意： Internet Explorer 或 Firefox 浏览器不支持 <input type="date"> 元素。

语法

返回 disabled 属性：

inputdateObject.disabled

设置 disabled 属性：

inputdateObject.disabled=true|false

属性值

值 描述
true|false 描述日期字段是否可用。
  • true - 日期字段不可用
  • false - 默认。日期字段可用。

技术细节

返回值： 布尔值，如果日期字段可用返回 true ，否则返回false。

更多实例

实例代码

查看 date 字段是否可用：

var x = document.getElementById("myDate").disabled;
x输出结果为：
true

实例代码

禁用及启用 date 字段：

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

相关页面

HTML 参考手册: HTML <input> disabled 属性

Input Date 对象参考手册 Input Date 对象