HTML | <input type="datetime-local">

介绍

<input type="datetime-local"> 是一种 HTML5 元素，用于允许用户选择日期和时间，并以本地时区的格式在网页上显示。

该元素允许用户选择日期和时间，包括年、月、日、小时和分钟，但不包括时区。此外，它可以设置最小和最大日期和时间。

用法

<input type="datetime-local"> 的用法与其他 HTML 输入元素相似。可以通过以下代码示例创建一个日期时间控件：

<label for="datetime">选择日期和时间：</label>
<input type="datetime-local" id="datetime" name="datetime">

此外，可以通过 min 和 max 属性设置最小和最大日期和时间：

<label for="datetime">选择日期和时间：</label>
<input type="datetime-local" id="datetime" name="datetime"
       min="2022-11-01T08:30"
       max="2022-11-15T18:00">

请注意，最小和最大值必须为 ISO 日期和时间格式。

浏览器兼容性

由于 <input type="datetime-local"> 是 HTML5 元素，因此它可能不受旧版浏览器的支持。以下是常见浏览器的兼容性情况：

| 浏览器 | 支持情况 | | --- | --- | | Google Chrome | 支持 | | Mozilla Firefox | 支持 | | Microsoft Edge | 支持 | | Apple Safari | 支持 |

总结

<input type="datetime-local"> 是一种 HTML5 元素，用于在网页上显示日期和时间选择控件。它可以设置最小和最大日期和时间，并以本地时区的格式显示。由于它是 HTML5 元素，因此可能不受旧版浏览器的支持。