我使用的是https://github.com/Eonasdan/bootstrap-datetimepicker的v4。现在我试图在时间选择上禁用分钟选择器。我知道我可以使用:Bootstrap datetimepicker禁用分钟
$(this).datetimepicker({
format: 'HH'
});
但是使用此代码,根本不显示分钟。我想在选择器中显示分钟,但禁用它。有什么机会实现这一目标?
我使用的是https://github.com/Eonasdan/bootstrap-datetimepicker的v4。现在我试图在时间选择上禁用分钟选择器。我知道我可以使用:Bootstrap datetimepicker禁用分钟
$(this).datetimepicker({
format: 'HH'
});
但是使用此代码,根本不显示分钟。我想在选择器中显示分钟,但禁用它。有什么机会实现这一目标?
我尝试使用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')
});
我找到了解决方案。利用这段时间,格式:
format: 'HH:00'
$(this).datetimepicker({ steps: 60 });
如果你这样做,当你失去焦点的插件来调整你的时间:00为您分钟(如果你碰巧键入日期)。
设置插件选项'minView' => 1
对于那些根本不想显示会议记录的人有用的答案。这是JavaScript语法的文档链接https://eonasdan.github.io/bootstrap-datetimepicker/#min-view-mode。 – Vladimir
这对于我来说比我们接受的答案更适合我! – CreasolDev