javascript - 初始化后无法让 amsul timepicker 更新禁用时间

Question

我使用来自 amsul.ca/pickadate.js 的精彩日期和时间选择器，但每次在日期选择器中选择新的一天时，无法让时间选择器更新禁用的时间。

例如，如果我选择星期二，则时间将从 12 点到 15 点启用。如果我返回日期选择器并选择星期三，则启用时间应更新为从 12 点到 15 点以及从 19 点到 22 点。

但目前，在时间选择器中设置新的禁用时间的唯一方法是重新加载页面。

非常感谢您的帮助。

干杯，皮埃尔

function setTimepicker(hours) {

var $input_time = $( '.timepicker' ).pickatime({
    formatLabel: 'H:i',
    formatSubmit: 'H:i',
    format: 'H:i',
    interval: opening.max_order_days,
    min: opening.min_time,
    max: opening.max_time,
    editable: false,
    disable: [
    { from: hours.f1 , to: hours.t1 }, 
    { from: hours.f2 , to: hours.t2 },
    { from: hours.f3 , to: hours.t3 }
    ]
}); 
}

var $input = $('.datepicker').pickadate({

onSet: function() {

    picker = this;

    pick_date_obj = picker.get('select', 'ddd');

    if(pick_date_obj) { 
        $('.timepicker').textinput({ disabled: false });
        $('#timepicker').val('Please select a time');
    } else {
        $('.timepicker').textinput({ disabled: true });
        $('#timepicker').val('Please select a date');
    }

    setTimepicker(getHours(pick_date_obj));

},

format: 'yyyy-mm-dd',
formatSubmit: 'yyyy-mm-dd',
firstDay: 1,
min: true,
max: opening.max_order_days,
editable: false, 
'disable': [ opening.disabled_day ]
}); 

Answer 1

我认为这是一个开放的issue 。这个comment对我帮助很大。

试试这个:

schedule_time.set('disable', true);
schedule_time.set('enable', false);

var enableDates = [
  { from: hours.f1 , to: hours.t1 }, 
  { from: hours.f2 , to: hours.t2 },
  { from: hours.f3 , to: hours.t3 }
];

schedule_time.set('disable', enableDates);