我有时间输入,基本上只是:
Time: <input type="time" name="timeinput"/>
根据 http://www.w3.org/TR/html-markup/input.time.html 它支持step属性。是否可以使用此属性(或其他方法)将步长设置为10分钟?如果是这样,怎么样?
我知道其他一些解决方案(例如datebox插件),但我希望尽可能使用纯HTML解决方案。我有时会使用datebox插件,但在移动设备上看起来相当慢,所以我尽可能使用原生时间选择器。
答案 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。
答案 3 :(得分:1)
Chrome 86似乎不支持此功能。