HTML DOM 日期時間物件

HTML DOM Input Datetime 物件表示一個型別為 datetime 的 input HTML 元素。此外，除了 Safari 以外的大多數瀏覽器都只將 type datetime 作為文字處理。

語法

以下是語法：

建立一個型別為<input> 的 datetime

var datetimeObject = document.createElement(“input”);
datetimeObject.type = “datetime”;

屬性

這裡，“datetimeObject” 可以具有以下屬性：

屬性	描述
autocomplete	它定義 datetime 欄位的 autocomplete 屬性值。
autofocus	它定義了在初始頁面載入時是否應聚焦 datetime 欄位。
defaultValue	它設定/返回 datetime 欄位的預設值。
disabled	它定義 datetime 欄位是停用/啟用。
form	它返回/設定 datetime 欄位 max 屬性的值。
min	它返回/設定 datetime 欄位 min 屬性的值。
name	它定義 datetime 欄位的 name 屬性值。
readOnly	它定義 datetime 欄位是否為只讀。
required	它定義是否必須填寫 datetime 欄位才能提交表單。
step	它定義 datetime 欄位 step 屬性的值。
type	它返回 datetime 欄位的表單元素型別。
value	它定義 datetime 欄位 value 屬性的值。

布林值

以及以下方法：

booleanValue	詳情
stepDown	它定義 datetime 欄位應減少的數值。
stepUp	它定義 datetime 欄位應增加的數值。

示例

讓我們來看一個Input Datetime min 屬性的示例：

即時演示

<!DOCTYPE html>
<html>
<head>
<title>Input Datetime Min</title>
</head>
<body>
<form>
Date & Time: <input type="datetime" id="dateTime" name="DateSelect" value="2009-6-24T20:49Z" min="2008-12-31T23:59:59Z">
</form>
<button onclick="minDateDecrease()">Decrease min age bar</button>
<div id="divDisplay"></div>
<script>
   var inputDatetime = document.getElementById("dateTime");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'Minimum Age Bar: '+inputDatetime.min;
   function minDateDecrease() {
      inputDatetime.min = '2010-12-31T23:59:59Z';
      divDisplay.textContent = 'Minimum Age Bar: '+inputDatetime.min;
   }
</script>
</body>
</html>