jQuery UI Datepicker - 刷新可用日期

Question

我正在为我的日历使用 jQuery UI 日期选择器。我使用了 beforeShowDay 功能来阻止不可用的日子。此数据来自 AJAX 调用，成功后我会填充日历。

这很好用，但是我想在每次日期不可用时更新日期选择器，但我无法让日期选择器刷新。我希望能够调用一个函数，例如getdates(0); 并且日期选择器得到更新。

见下面的功能代码：

function getdates(duration) {
    $.getJSON(pluginUrl+"ajax/getdates.php?duration="+duration, function( data ) {  

        if(data['success'] == 1){

            console.log("here");
            var nonWorking = data['non_working_days'];
            var nonWorkingDates = data['non_working_dates'];
            var fullyBookedDates = data['fully_booked_dates'];

            jQuery("#datepicker").datepicker({
                minDate: 0,
                maxDate: "+2m",
                beforeShowDay: function(date){
                    var string = jQuery.datepicker.formatDate('yy-mm-dd', date);
                    var day = date.getDay();

                    var status = true;

                    if(nonWorking.indexOf(day) >= 0){
                        var status = false;
                    }
                    if(nonWorkingDates.indexOf(string) >= 0){
                        var status = false;
                    }
                    if(fullyBookedDates.indexOf(string) >= 0){
                        var status = false;
                    }

                    console.log('in here');

                    return [ status ];
                }       
            });

        }

    });
}

用户界面示例：

感谢您的帮助

Answer 1

是否应该在处理新数据之前重置日期选择器？

jQuery("#datepicker").datepicker( "option" , {
    minDate: null,
    maxDate: null} 
);

或者干脆彻底摧毁它然后重新开始：

jQuery("#datepicker").datepicker("destroy");