HTML DOM Input Date 物件

HTML DOM Input Date 物件表示一個型別為 date 的輸入 HTML 元素。

語法

以下是語法：

建立型別為 date 的<input>

var dateObject = document.createElement(“input”);
dateObject.type = “date”;

屬性

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

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

布林值

並且，還有以下方法：

booleanValue	詳情
stepDown	它定義日期欄位應增加的天數。
stepUp	它定義日期欄位應增加的天數。

示例

讓我們看看Input Date max 屬性的一個示例：

即時演示

<!DOCTYPE html>
<html>
<head>
<title>Input Date Max</title>
</head>
<body>
<form>
Date Select: <input type="date" id="date" name="DateSelect" max="2018-12-31">
</form>
<button onclick="getMaxDate()">Change Max Date</button>
<div id="divDisplay"></div>
<script>
   var inputDate = document.getElementById("date");
   var divDisplay = document.getElementById("divDisplay");
   divDisplay.textContent = 'Max of date input: '+inputDate.max;
   function getMaxDate() {
      var oldInputDate = inputDate.max;
      inputDate.max = '2020-12-31';
      divDisplay.textContent = 'Max of date input: '+inputDate.max;
   }
</script>
</body>
</html>