HTML DOM Input Datetime 對象

Datetime 對象

Datetime 對象是 HTML5 中的新對象。

Datetime 對象表示 HTML <input type="datetime"> 元素。

注釋：Internet Explorer、Firefox 或者 Chrome 不支持 <input type="datetime"> 元素，Safari 中部分支持。Opera 12 以及更早的版本中完全支持。

訪問 Datetime 對象

您可以通過使用 getElementById() 來訪問 <input type="myDatetime"> 元素：

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

親自試一試

提示：您也可以通過遍歷表單的 elements 集合來訪問 Datetime 對象。

創建 Datetime 對象

您可以通過使用 document.createElement() 方法來創建 <input type="datetime"> 元素：

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

親自試一試

Datetime 對象屬性

屬性 描述
autocomplete 設置或返回 datetime 字段的 autocomplete 屬性值。
autofocus 設置或返回 datetime 字段在頁面加載后是否應自動獲取焦點。
defaultValue 設置或返回 datetime 字段的默認值。
disabled 設置或返回 datetime 字段是否被禁用。
form 返回對包含 datetime 字段的表單的引用。
list 返回對包含 datetime 字段的 datalist 的引用。
max 設置或返回 datetime 字段的 max 屬性值。
min 設置或返回 datetime 字段的 min 屬性值。
name 設置或返回 datetime 字段的 name 屬性值。
readOnly 設置或返回 datetime 字段是否是只讀的。
required 設置或返回在提交表單之前是否必須填寫 datetime 字段。
step 設置或返回 datetime 字段的 step 屬性值。
type 返回 datetime 字段的表單元素類型。
value 設置或返回 datetime 字段的 value 屬性值。

Input Datetime 對象方法

方法 描述
select() 選擇日期時間文本字段的內容。
stepDown() 按指定數字遞減 datetime 字段的值。
stepUp() 按指定數字遞增 datetime 字段的值。

標準屬性和事件

Datetime 對象支持標準屬性和事件。

相關頁面

HTML 教程：HTML 表單

HTML 參考手冊：HTML <input> 標簽

HTML 參考手冊：HTML <input> type 屬性