閱讀(21.9k) 書簽贊(0) 我要糾錯(cuò)

HTML DOM Input Date 對(duì)象

2023-04-10 10:04 更新

Input Date 對(duì)象是 HTML5 新增的。

Input Date 對(duì)象表示使用了 type="date" 屬性的 HTML <input> 元素。

注意：Internet Explorer 或 Firefox 不支持用 type="date" 屬性的 <input> 元素。

你可以用個(gè)使用 getElementById() 函數(shù)來(lái)訪問(wèn)使用 type="date" 屬性的 <input> 元素 :

var x = document.getElementById("myDate");嘗試一下

提示： 你同樣可以通過(guò)表單的元素集合來(lái)訪問(wèn) Input Date 對(duì)象。

你可以使用 document.createElement() 方法來(lái)創(chuàng)建使用 type="date" 屬性的 <input> 元素：

var x = document.createElement("INPUT");
x.setAttribute("type", "date");嘗試一下

Input Date 對(duì)象屬性

Property	描述
autocomplete	設(shè)置或返回日期字段的 autocomplete 屬性值
autofocus	設(shè)置或返回日期字段在頁(yè)面加載后是否自動(dòng)獲取焦點(diǎn)
defaultValue	設(shè)置或返回日期字段默認(rèn)的值
disabled	設(shè)置或返回日期字段是否可用
form	返回使用日期字段的表單引用
list	返回包含了日期字段的 datalist 引用
max	設(shè)置或返回日期字段的 max 屬性值
min	設(shè)置或返回日期字段的 min 屬性值
name	設(shè)置或返回日期字段的 name 屬性值
readOnly	設(shè)置或返回日期字段是否只讀
required	設(shè)置或返回日期字段在表單中是否為必填字段
step	設(shè)置或返回日期字段的 step 屬性值
type	返回日期字段的表單類型
value	設(shè)置或返回日期字段的 value 屬性值

Input Date 對(duì)象同樣支持標(biāo)準(zhǔn) 屬性和事件。