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 对象其他扩展