如何在Bootstrap Time Picker中禁用分钟选择 仅允许用户调整小时

实现方案 #

你可以通过调整插件初始化配置实现仅允许选择小时的需求，操作如下：

• 首先在初始化参数中新增 showMinutes: false 隐藏分钟选择模块，同时将原有的format: 'LT'替换为仅包含小时的格式，如24小时制用HH、12小时制带上下午标识用h A。
• 可选补充配置minuteStep: 60，强制分钟步进为60，彻底锁定分钟值避免异常调整。

修改后的初始化代码如下：

jQuery('.timepicker').timepicker({
    format: 'HH', // 可按需替换为 'h A' 等仅含小时的格式
    orientation: 'top',
    defaultTime: '',
    showMinutes: false,
    minuteStep: 60
});

如果使用的是低版本Bootstrap Time Picker不支持showMinutes参数，可额外添加CSS样式强制隐藏分钟相关元素：

.bootstrap-timepicker-widget .minute,
.bootstrap-timepicker-widget .time-separator {
    display: none !important;
}

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