Question

我正在使用https://github.com/Eonasdan/bootstrap-datetimepicker中的v4。现在我试图在时间选择上禁用分钟选择器。我知道我可以使用：

$(this).datetimepicker({
  format: 'HH'
});

但是使用这段代码，几分钟都没有显示出来。我想在选择器中显示分钟，但禁用它。有机会实现这个目标吗？

Answer 1

我找到了解决方案。使用这种时间格式：

format: 'HH:00'

Answer 2

我尝试使用dp.show和dp.change事件来处理它。

在show event minutes元素被禁用，以避免分钟更改，小时部分被取消，后跟:00。

代码：

$('#datetimepicker1').datetimepicker();
$('#datetimepicker2').datetimepicker({
    format: 'HH:mm'
}).on('dp.show', function () {
    $('a.btn[data-action="incrementMinutes"], a.btn[data-action="decrementMinutes"]').removeAttr('data-action').attr('disabled', true);
    $('span.timepicker-minute[data-action="showMinutes"]').removeAttr('data-action').attr('disabled', true).text('00');
}).on('dp.change', function () {
    $(this).val($(this).val().split(':')[0]+':00')
    $('span.timepicker-minute').text('00')
});

演示：http://jsfiddle.net/mfjvnh9a/

Answer 3

设置插件选项'minView' => 1

Answer 4

$(this).datetimepicker({ steps: 60 });

如果您在失去焦点时执行此操作，插件会将您的时间调整为：00分钟（如果您碰巧输入日期）。

Bootstrap datetimepicker禁用分钟

4 个答案: