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

【问题标题】：Selection of date and availability in multiple Query datepicker based calendars在多个基于查询日期选择器的日历中选择日期和可用性
【发布时间】：2019-03-23 03:48:49
【问题描述】：

我在主屏幕上有 3 个基于 jQuery datepicker 的日历，我只想使用其中一个（新的）来更改这 3 个并更新日历的可用性。可用性通过 WordPress 插件 Appointment Hour Booking 进行管理。

在顶部的日期选择器上，我有一个函数，当它更改时会更改这 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);
    }
});

您能帮我更新可用性吗？

【问题讨论】：

标签： jquery wordpress datepicker calendar appointment

【解决方案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);

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

【讨论】：

有效！谢谢。