You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何设置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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.06 11:15:01