如何设置HTML time类型input输入框仅支持15分钟间隔的分钟选项
实现time类型输入框15分钟间隔选择的方法
要实现type为time的input输入框仅允许选择00、15、30、45这四个分钟值,仅需要给input标签添加step属性即可,该属性用于指定时间选择的步长。
属性说明
step属性可直接填写时分格式的间隔值00:15,代表步长为15分钟;也可填写秒级数值900,二者效果完全一致- 额外搭配
min和max属性可以限制可选的时间范围,示例中就限制了仅可选择09:00到18:00之间的时间
可直接使用的示例代码
<div class="form-group"> <label>Start time</label> <div class="form-group"> <input type="time" name="start_time" min="09:00" max="18:00" step="00:15" required class="form-control"> </div> </div>
内容的提问来源于stack exchange,提问作者DSA
相关产品推荐
相关产品推荐

