Bootstrap datetimepicker 禁用分钟

Question

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

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

但是使用此代码，根本不会显示分钟。我想在选择器中显示分钟，但禁用它。有机会实现吗？

Answer 1

我找到了解决办法。使用这个时间格式：

format: 'HH:00'

Answer 2

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

在显示事件中，分钟元素被禁用以避免分钟更改，并且小时部分被占用并后跟 :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

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

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

Answer 4

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

Bootstrap datetimepicker 禁用分钟

Bootstrap datetimepicker disable minutes

twitter-bootstrap-3

datetimepicker