Bootstrap datetimepicker 禁用分钟
Bootstrap datetimepicker disable minutes
我正在使用 https://github.com/Eonasdan/bootstrap-datetimepicker 的 v4。现在我试图在时间选择上禁用分钟选择器。我知道我可以使用:
$(this).datetimepicker({
format: 'HH'
});
但是使用此代码,根本不会显示分钟。我想在选择器中显示分钟,但禁用它。有机会实现吗?
我找到了解决办法。使用这个时间格式:
format: 'HH:00'
我尝试使用 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')
});
$(this).datetimepicker({ steps: 60 });
如果您在失去焦点时执行此操作,插件会将您的时间调整为 :00 分钟(如果您碰巧输入了日期)。
设置插件选项'minView' => 1
我正在使用 https://github.com/Eonasdan/bootstrap-datetimepicker 的 v4。现在我试图在时间选择上禁用分钟选择器。我知道我可以使用:
$(this).datetimepicker({
format: 'HH'
});
但是使用此代码,根本不会显示分钟。我想在选择器中显示分钟,但禁用它。有机会实现吗?
我找到了解决办法。使用这个时间格式:
format: 'HH:00'
我尝试使用 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')
});
$(this).datetimepicker({ steps: 60 });
如果您在失去焦点时执行此操作,插件会将您的时间调整为 :00 分钟(如果您碰巧输入了日期)。
设置插件选项'minView' => 1