Javascript jQuery UI中的日期选择器不工作

我想在jquery UI datepicker中调用beforeShowDay函数，但我发现 之前的事情我不知道

代码将有助于：

<script>
    var datePickerOptions = {
        minDate: 'today',
        beforeShowDay: available
    };

    /*This is a function only let datePicker show the dates in dateList*/
    var available = function(date){
        window.console.log("in");
        var dmy = (date.getMonth() + 1) + "-" + date.getDate() + "-" + date.getFullYear();
        if($.inArray( dmy, dateList ) !== -1 ) {
            return [true, "", "Available"];
        }
        else {
            return [false, "", "unAvailable"];
        }
    };

    var init = function(availableDates) {
        $('.datePicker').datepicker(datePickerOptions);
    };
</script>

我看不出这两种方法之间的真正区别，我真的想使用第一种方法

---

有什么想法吗？谢谢。

这是因为当使用

available

创建

datePickerOptions

对象时，它没有使用值初始化，因此它的值为undefined，这与在这种情况下不传递选项相同。在初始化

available

变量以解决问题后，可以移动

datePickerOptions

的创建

/*This is a function only let datePicker show the dates in dateList*/
var available = function(date){
    window.console.log("in");
    var dmy = (date.getMonth() + 1) + "-" + date.getDate() + "-" + date.getFullYear();
    if($.inArray( dmy, dateList ) !== -1 ) {
        return [true, "", "Available"];
    }
    else {
        return [false, "", "unAvailable"];
    }
};

var datePickerOptions = {
    minDate: 'today',
    beforeShowDay: available
};

var init = function(availableDates) {
    $('.datePicker').datepicker(datePickerOptions);
};

/*This is a function only let datePicker show the dates in dateList*/
var available = function(date){
    window.console.log("in");
    var dmy = (date.getMonth() + 1) + "-" + date.getDate() + "-" + date.getFullYear();
    if($.inArray( dmy, dateList ) !== -1 ) {
        return [true, "", "Available"];
    }
    else {
        return [false, "", "unAvailable"];
    }
};

var datePickerOptions = {
    minDate: 'today',
    beforeShowDay: available
};

var init = function(availableDates) {
    $('.datePicker').datepicker(datePickerOptions);
};