【问题标题】:HTML input time, step attribute to set timestep by (say) x minutes?HTML输入时间,步骤属性设置时间步长(比如说)x分钟?
【发布时间】:2012-12-04 23:20:49
【问题描述】:

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

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

【问题讨论】:

    标签: html input


    【解决方案1】:

    Chrome 86 好像不支持这个。

    【讨论】:

    • 确实如此。似乎新的(而且更好!)时间输入不再支持 step 属性。
    • 是的,不用踩,我必须自己创建。
    【解决方案2】:

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

    &lt;input type="time" step="300"&gt; &lt;!-- 5 min step --&gt;

    【讨论】:

    • 我没有看到输入类型中的 5 分钟步数
    • @AravindReddy 您看不到该步骤,因为它不再受支持,您可能必须创建自己的。
    【解决方案3】:

    是的。 You can specify step attribute in seconds.

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

    【讨论】:

    【解决方案4】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-10-14
      • 2015-01-17
      • 1970-01-01
      • 2014-09-11
      • 2014-06-07
      • 2019-11-03
      • 1970-01-01
      • 2022-08-18
      相关资源
      最近更新 更多