我使用的是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