HTML 输入时间,step 属性设置 timestep by (say) x 分钟?

新手上路,请多包涵

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

 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 插件,但它在移动设备上看起来很慢,所以我尽可能使用本地时间选择器。

原文由 amomin 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 713
2 个回答

是的。 您可以以秒为单位指定 step 属性

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

原文由 int32_t 发布,翻译遵循 CC BY-SA 4.0 许可协议

这是可能的。您只需要将秒数放在步骤参数中,例如。

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

原文由 kacper 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题