HTML | DOM 输入日期时间值属性

在 HTML 中，我们可以使用 <input> 元素来创建输入控件。

<input> 元素中有一个 type 属性，可以用来指定不同类型的输入控件，比如文本框、单选框、复选框、密码框、按钮等等。

其中，type="datetime-local" 类型可以创建一个日期和时间选择器，可用于输入日期和时间的值。

HTML 代码示例：

<label for="meeting-time">选择开会时间:</label>

<input type="datetime-local" id="meeting-time" name="meeting-time"
       value="2021-07-29T10:00">

DOM 属性示例：

我们可以通过 JavaScript 操作 DOM 来获取输入控件的值，并将其插入到网页中。

比如，我们可以使用 document.getElementById() 方法来获取输入控件的值，然后将其赋给 innerHTML 属性。

let input = document.getElementById("meeting-time");
let value = input.value;

document.getElementById("output").innerHTML = value;

其中，value 属性返回一个字符串，表示输入控件的值。对于 datetime-local 类型的输入控件，它的值是一个 ISO 8601 格式的日期和时间字符串，比如 "2021-07-29T10:00"。

注意事项：

• datetime-local 类型的输入控件的值是一个字符串，需要进行有效性验证和格式转换才能使用。
• 不同浏览器对 datetime-local 类型的支持程度可能不同，请测试并进行兼容处理。
• 对于低版本的浏览器，可能需要使用 JavaScript 日期库来处理日期和时间值。