关于将输入字段时间单位从15分钟步进改为离散分钟选择的可行性咨询

当然可以调整，不同场景下的实现方式如下：

原生HTML时间输入框 #

原生<input type="time">默认步进是15分钟（对应900秒），要改成1分钟步进，直接给元素添加step属性并设为60（秒数）：

<input type="time" step="60">

如果需要其他离散间隔（比如5分钟），就把step值设为对应秒数（5×60=300）：

<input type="time" step="300">

主流前端框架组件 #

Element UI（Vue） #

TimePicker组件通过step属性控制步进，值可以是秒数或者时间字符串：

<el-time-picker :step="60" placeholder="选择时间"></el-time-picker>

Ant Design（React） #

TimePicker组件用minuteStep属性直接设置分钟步进：

<TimePicker minuteStep={1} />

jQuery时间选择插件（以jQuery UI Timepicker为例） #

通过配置stepMinute选项调整分钟间隔：

$('#your-time-input').timepicker({
  stepMinute: 1
});

自定义开发的时间选择组件 #

如果是自己写的组件，直接修改生成分钟选项的逻辑——把原来按15分钟间隔生成的列表，改成按1分钟（或你需要的离散值）遍历生成即可。

注意：部分旧版本浏览器对原生input[type="time"]的step属性支持有限，上线前记得测试目标浏览器范围。

内容的提问来源于stack exchange，提问作者Max