禁用日期时间范围选择器中的所有日期

Question

我正在使用给定的日期时间范围选择器 here。在某些情况下，我只需要开始时间和结束时间下拉菜单。是否可以禁用日历中显示的所有日期或隐藏日历？我还想删除显示在“取消”和“应用”按钮之前的标签。有人知道怎么做吗？

Answer 1

我正在使用 JQuery 来隐藏日历，但不确定这样做是否正确。

# Hide Calendar
$(".calendar-table").hide();

# Hide label that is displayed before "Cancel" and "Apply" buttons.
$(".drp-selected").hide();

Answer 2

根据official doc

autoApply：（true/false）隐藏应用和取消按钮，并在单击两个日期后立即自动应用新的日期范围。

show.daterangepicker: 显示选择器时触发

$('#daterangepicker').daterangepicker({
    "autoApply": true,
}).on('show.daterangepicker', function (ev, picker) {
    picker.container.find(".calendar-table").hide();
});

禁用日期时间范围选择器中的所有日期

Disable all dates in datetime range picker

javascript

jquery

datetimepicker