HTML | DOM 输入日期时间本地表单属性

HTML表单提供了许多不同类型的输入字段，其中包括日期和时间。通过使用本地表单属性，可以使用本地化格式显示日期和时间。

输入日期

要在HTML表单中使用日期输入字段，请使用<input>元素并将其类型设置为“date”，如下所示：

<label for="birthday">选择生日:</label>
<input type="date" id="birthday" name="birthday">

这将创建一个用于选择日期的日历控件。它将使用本地日期格式，并根据用户所在的时区显示日期。

输入时间

同样地，在HTML表单中使用时间输入字段，可以使用<input>元素并将其类型设置为“time”，如下所示：

<label for="meeting_time">会议时间：</label>
<input type="time" id="meeting_time" name="meeting_time">

这将创建一个用于选择时间的控件。它将使用本地时间格式，并显示用户所在的时区。

输入日期和时间

要在HTML表单中同时使用日期和时间字段，请使用<input>元素并将其类型设置为“datetime-local”，如下所示：

<label for="meeting_date_time">会议时间：</label>
<input type="datetime-local" id="meeting_date_time" name="meeting_date_time">

这将创建一个具有日期和时间部分的输入控件。它将使用本地日期和时间格式，并显示用户所在的时区。

请注意，IE浏览器不支持type="datetime-local"，但可以考虑使用JavaScript库或Polyfill来解决这个问题。

结论

本文介绍了如何在HTML表单中使用本地日期和时间格式，并提供了三个不同的输入字段类型：日期、时间和日期时间。这些字段类型基于本地化设置，可以根据用户所在的时区显示日期和时间。