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>
输出
这将产生以下输出:
单击“减少最小年龄栏”按钮之前:
单击“减少最小年龄栏”按钮之后:
广告