html - HTML输入时间，步骤属性设置时间步长（比如说）x分钟？

Question

我有一个时间输入，基本上只是：

Time: <input type="time" name="timeinput"/>

根据 http://www.w3.org/TR/html-markup/input.time.html 它支持 step 属性。是否可以使用此属性（或其他方式）将步长设置为 10 分钟？如果是这样，怎么做？

我知道其他一些解决方案（例如 datebox 插件），但如果可能的话，我希望有一个纯粹的 html 解决方案。我有时会使用 datebox 插件，但在移动设备上似乎很慢，所以我尽可能使用本地时间选择器。

score 15 · Accepted Answer

这是可能的。您只需要在 step 参数中输入秒数，例如。

<input type="time" step="300"> <!-- 5 min step -->

score 9 · Accepted Answer

但是，Opera、iOS Safari 和 Google Chrome 不会拒绝未对齐的用户输入。用户可以为此类时间字段指定 11:59。然后，当他尝试提交表单时，Opera 和 Google Chrome 会显示验证错误消息。

score 6 · Accepted Answer

6

好像 Chrome 86 不支持这个。

于 2020-10-28T08:17:12.530 回答

score 2 · Accepted Answer

2

从 iOS 9.1 开始，iOS 不支持 max min 或 step。

于 2015-12-04T17:09:32.770 回答

4 回答 4