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>