如何在初始加载后覆盖datetimepicker enabledHours？

Question

在页面加载时，我将datetimepicker初始化为：

$('#txtdate').datetimepicker({
    inline: true,
    sideBySide: true,
    maxDate: someDate,
    minDate: curentDate,
    enabledHours: HoursArray(CurrentDayOpenTime, CurrentDayCloseTime)
});

但是在新的日期选择中，我想使用以下功能更新/覆盖 enabledHours （因为新日期enabledHours不同）。

$(document).on('dp.change', manipulateTime);

//function////

function manipulateTime(td){
    if (!td.date.isSame(td.oldDate, "day")) {
        $('#txtdate').datetimepicker({
            inline: true,
            sideBySide: true,
            maxDate: SomeCloseDate,
            minDate: SelectedDayOpenTime,
            enabledHours: HoursArray(SelectedDayOpenTime, SelectedDayCloseTime)
        });
    }
}

我无法覆盖之前的 enabledHours 。它始终显示在页面加载时生成的启用小时数。

有人可以帮我吗？

Answer 1

您可以尝试使用以下代码更改enabledHours：

$(document).on('dp.change', manipulateTime);

function manipulateTime(td){
   //Your code.... 
   $('#txtdate').data('DateTimePicker').enabledHours([21,22,23]); //change the array of enabled hours here
}