使用带间隔的 html 时间选择器

Question

我想以一定的间隔使用 html 时间选择器

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time

链接显示该步骤受支持，但是我尝试了最新的 Chrome/Edge/Firefox，但它似乎不起作用

 <input type="time" id="appt" name="appt" step="300">

有人可以确认它是否仍然受支持吗？如果没有，有空闲时间选择者吗？

Answer 1

似乎 HTML 时间输入本身不再支持步进。 Here's a w3schools article that explains how to apply step with JavaScript instead.

Answer 2

https://mdbootstrap.com/docs/b4/jquery/forms/time-picker1/

使用上述时间选择器，UI将在所有不同的浏览器平台上显示一致，并提供完整的自定义控件选项，默认时间选择器或日期选择器在不同的浏览器和操作系统平台上具有不同的UI行为。