HTML输入时间,步长属性设置时间步长(比方说)x分钟?

时间:2012-12-04 23:20:49

标签: html html5 input

我有时间输入,基本上只是:

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

http://jsfiddle.net/X8E9N/

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

我知道其他一些解决方案(例如datebox插件),但我希望尽可能使用纯HTML解决方案。我有时会使用datebox插件,但在移动设备上看起来相当慢,所以我尽可能使用原生时间选择器。

4 个答案:

答案 0 :(得分:10)

这是可能的。你只需要在步骤参数中输入秒数,例如

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

答案 1 :(得分:6)

是。 You can specify step attribute in seconds

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

答案 2 :(得分:2)

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

http://caniuse.com/#feat=input-datetime

答案 3 :(得分:1)

Chrome 86似乎不支持此功能。