Input Date readOnly 属性

定义和用法

readOnly 属性设置或返回日期字段是否应该是只读的。

不能修改只读字段。但是,用户可以选定它、突出显示它并从中复制文本。

此属性反映 HTML readonly 属性。

提示:如需防止用户与该字段交互,请改用 disabled 属性

另请参阅:

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

实例

例子 1

将日期字段设置为只读:

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

亲自试一试

例子 2

查看日期字段是否为只读:

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

亲自试一试

语法

返回 readOnly 属性:

inputdateObject.readOnly

设置 readOnly 属性:

inputdateObject.readOnly = true|false

属性值

描述
true|false

规定日期字段是否应该是只读的。

  • true - 日期字段是只读的
  • false - 默认。日期字段不是只读的

技术细节

返回值: 布尔值,如果日期字段是只读的,则返回 true,否则返回 false

浏览器支持

表中的数字注明了首个完全支持该属性的浏览器版本。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 10.0 支持 支持 支持

注意:<input type="date"> 元素在 IE11 及更早版本中不显示任何日期字段/日历。