HTML | DOM Input DatetimeLocal step 属性

HTML的DatetimeLocal输入类型允许在表单中输入日期和时间，而step属性定义了这个​​元素上下步长。

step属性

该属性指示用户在选择日期和时间时应如何调整输入。它可以采用三种格式：

• 数字（例如step="5"）：表示每五分钟将生成一个新的合规日期时间值。
• 一对数字（例如step="2 0"）：第一个数字表示分钟步幅，第二个数字表示小时步幅。
• '任何'值（例如step="any"）：仅允许用户输入符合DateTimeLocal格式的任何日期和时间。

建议的最小和最大值步幅为1。

用法

<label for="appointment-date-time">Appointment date and time:</label>
<input type="datetime-local" id="appointment-date-time" name="appointment-date-time" step="900">

这将创建一个DatetimeLocal输入类型，并使其允许用户输入的值增加15分钟。如果您想要允许1小时步幅，可以使用以下值：

<label for="appointment-date-time">Appointment date and time:</label>
<input type="datetime-local" id="appointment-date-time" name="appointment-date-time" step="3600 0">

使用 any 值来允许用户输入任何日期时间：

<label for="appointment-date-time">Appointment date and time:</label>
<input type="datetime-local" id="appointment-date-time" name="appointment-date-time" step="any">

总结

使用step属性，你可以控制HTML元素中日期和时间的步长。这对于需要输入时间和日期且需要满足特定要求的表单特别有用。更多有关DatetimeLocal的信息，可以参考 HTML DatetimeLocal Input。