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

时间:2018-10-18 10:44:25

标签: jquery wordpress datepicker calendar appointment

我在主屏幕上有3个基于jQuery datepicker的日历,我只想使用其中的一个(新)来更改这3个日历并更新日历的可用性。可用性通过WordPress插件“预约小时预订”进行管理。

在最上面的日期选择器上,当它更改时,我有一个功能可以更改这3个日期,但不更改可用性,仅更改日期。功能是这样的:

<binding name="streamedWeb" transferMode="StreamedResponse" sendTimeout="00:15:00" />

您能帮我更新可用性吗?

1 个答案:

答案 0 :(得分:0)

在您的代码中更改以下内容:

$('.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);

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