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>

输出

这将产生以下输出:

单击“减少最小年龄栏”按钮之前:

单击“减少最小年龄栏”按钮之后:

更新于:2019年7月30日

159 次浏览

启动您的职业生涯

完成课程获得认证

开始学习
广告