JavaScript HTML DOM Input Date 对象

Input Date 对象

Input Date对象表示带有type=“date”的HTML <input>元素。

注意：带有type=“date”的<input>元素在IE11及更早版本中的不会显示任何日期/日历。

您可以使用getElementById()访问type=“date”的<input>元素：

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

尝试一下

提示：您还可以通过搜索表单的elements集合来访问<input type =“date”> 。

您可以使用document.createElement()方法创建一个带有type=“date”的<input>元素：

var x = document.createElement("INPUT");
x.setAttribute("type", "date");

尝试一下

属性	描述
autocomplete	设置或返回日期字段的autocomplete属性的值
autofocus	设置或返回页面加载时日期字段是否应自动获得焦点
defaultValue	设置或返回日期字段的默认值
disabled	设置或返回是否禁用日期字段
form	返回对包含日期字段的表单的引用
list	返回对包含日期字段的datalist的引用
max	设置或返回日期字段的max属性的值
min	设置或返回日期字段的min属性的值
name	设置或返回日期字段的name属性的值
readOnly	设置或返回日期字段是否为只读
required	设置或返回在提交表单之前是否必须填写日期字段
step	设置或返回日期字段的step属性的值
type	返回日期字段的表单元素类型
value	设置或返回日期字段的value属性的值

方法	描述
stepDown()	按日期字段的值减去指定的数字
stepUp()	按日期字段的值增加指定的数字

Input Date对象还支持标准属性和事件。