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>