在多个基于查询日期选择器的日历中选择日期和可用性

Question

我在主屏幕上有 3 个 jQuery 基于日期选择器的日历，我只想使用其中一个（新的）来更改这 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);

这将同时更新所选日期和可用性框。

在多个基于查询日期选择器的日历中选择日期和可用性

Selection of date and availability in multiple Query datepicker based calendars

wordpress

jquery

calendar

datepicker

appointment