Выбор даты и доступности в нескольких календарях на основе DatePicker.

Question

У меня есть 3 календаря на основе jQuery datepicker на домашнем экране, и я просто хочу использовать один (новый) из них, чтобы изменить эти 3 и обновить доступность календарей.Доступность управляется с помощью плагина WordPress. Бронирование часов на час.

В верхнем средстве выбора даты есть функция, которая изменяет даты этих 3, но не изменяет доступность, а только дату.Вот эта функция:

$( "#date_form" ).datepicker({
    dateFormat:'dd/mm/yy',
    onSelect: function(dateText) {
        $('.fieldCalendarfieldname1_1').datepicker("setDate", this.value );
        $('.fieldCalendarfieldname1_2').datepicker("setDate", this.value );
        $('.fieldCalendarfieldname1_3').datepicker("setDate", this.value );
        alert("Selected date: " + dateText + "; input's current value: " + this.value);
    }
});

Не могли бы вы помочь мне с обновлением и доступности?

Answer 1

В вашем коде измените это:

$('.fieldCalendarfieldname1_1').datepicker("setDate", this.value );
$('.fieldCalendarfieldname1_2').datepicker("setDate", this.value );
$('.fieldCalendarfieldname1_3').datepicker("setDate", this.value );

... на это:

setDateCal = function(cal, value){
    cal.datepicker("setDate", value);
    var inst = $.datepicker._getInst(cal[0]),
    onSelect = $.datepicker._get(inst, "onSelect");
    if (onSelect) {
        dateStr = $.datepicker._formatDate(inst);
        onSelect.apply((inst.input ? inst.input[0] : null), [dateStr, inst]);
    }
}

setDateCal ($('.fieldCalendarfieldname1_1'),this.value);
setDateCal ($('.fieldCalendarfieldname1_2'),this.value);
setDateCal ($('.fieldCalendarfieldname1_3'),this.value);

Это обновит поле выбранной даты и доступности.