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

amo*_*min 3 html html5 input

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

Time: <input type="time" name="timeinput"/> 
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/X8E9N/

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

我知道一些其他解决方案(例如datebox插件),但我希望如果可能的话,纯粹的HTML解决方案.我有时会使用datebox插件,但在移动设备上似乎相当慢,所以我尽可能使用本机时间选择器.

kac*_*per 10

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

<input type="time" step="300"> <!-- 5 min step -->
Run Code Online (Sandbox Code Playgroud)

  • 我在输入类型中没有看到 5 分钟步骤 (5认同)

int*_*2_t 6

是.您可以在几秒钟内指定步骤属性.

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


And*_*dén 6

好像 Chrome 86 不支持这个。