基于多查询数据交换日历的日期和可用性选择

Question

我在主屏幕上有3个基于jQuery数据报警器的日历，我只想使用其中的一个(新的)来更改这3个日历并更新日历的可用性。可用性由WordPress插件预约时间管理。

在最上面的datepicker上，我有一个函数，当它更改这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 );

...by这个：

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);

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