Bootstrap日期时间选择器禁用分钟

Question

我正在使用来自https://github.com/Eonasdan/bootstrap-datetimepicker的v4版本。现在，我尝试在时间选择中禁用分钟选择器。我知道我可以使用以下代码：

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

但是这段代码中根本没有显示分钟。我希望在选择器中显示分钟，但是禁用它。有可能实现这个目标吗？

- Andi

Answer 1

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

format: 'HH:00'

- Andi

---

这对我来说比被接受的答案好多了...!! - CherryNerd

Answer 2

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

- sirjay

---

对于那些不想显示分钟的人来说，这是一个有用的答案。这是JavaScript语法的文档链接：https://eonasdan.github.io/bootstrap-datetimepicker/#min-view-mode。 - Vladimir

非常感谢您的回答。 - Girish Ninama

它有效！ jq("#date").datetimepicker({ minView:1, }); - Paresh

Answer 3

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

在show事件中，分钟元素被禁用以避免分钟的改变，并且小时部分被取出并跟随: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')
});

Demo: http://jsfiddle.net/mfjvnh9a/

- Irvin Dominin

Answer 4

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

如果您在失去焦点时这样做，插件会将您的时间调整为每分钟的:00（如果您恰好键入日期）。

- Steven