HTML5"时间"输入间隔

Aus*_*est 6 html html5

也许我只是没有正确搜索,但是有没有人知道如何使用基于预设间隔的微调器来增加时间输入.因此,如果它是10分钟,请向上箭头+10分钟,如果小时改变它将自动进行+一小时

8:50 - 向上箭头以9:00 -OR- 8:50结束 - 向下箭头以8:40结束

j08*_*691 19

当然,只需使用step属性,其中步骤指定增加的秒数(60秒x 10分钟= 600秒):

<input type="time" value="08:30:00" step="600">
Run Code Online (Sandbox Code Playgroud)

jsFiddle例子

  • @AustinBest,`&lt;input type=time&gt;` 的实现依赖于浏览器。HTML5 CR 所要求的只是输入小部件只接受某些值并产生特定格式的时间 - 它可以仅使用文本框或语音输入或其他方式来完成此操作,尽管微调器是预期的*典型*执行。 (2认同)