Bootstrap Datepicker beforeShowDay：函数（日期）日期未定义

Question

我想将日期选择器中的某些日期设置为可用。 但是“日期”在disableDates中始终是未定义的。 我有什么想念的吗？ 我是javascript新手，所以也许有些事情我不太了解。

ko.bindingHandlers.datepicker = {
    init: function(element, valueAccessor, allBindingsAccessor) {
        var options = allBindingsAccessor().datepickerOptions || {},
            $el = $(element);


        //initialize datepicker with some optional options
        $el.datepicker(options);
        $el.datepicker('setEndDate', new Date);
        $el.datepicker('beforeShowDay', disableDates());

        function disableDates(date) {
            self.getDates();
            var showDate = true;
            for (var i = 0; i < self.dates.length; i++) {
                if (date.toDateString() === new Date(self.dates()[i].ReportingDate).toDateString()) {
                    showDate = false;
                }
            }
            return [showDate, ""];

        }

        //handle the field changing
        ko.utils.registerEventHandler(element, "change", function() {
            var observable = valueAccessor();
            observable($el.datepicker("getDate"));
        });

        //handle disposal (if KO removes by the template binding)
        ko.utils.domNodeDisposal.addDisposeCallback(element, function() {
            $el.datepicker("destroy");
        });
    },

    update: function (element) {
        var value = self.ReportingDate(),
            $el = $(element),
            current = $el.datepicker("getDate");
        if (value - current !== 0) {
            $el.datepicker("setDate", value);
        }
    }
};

};

Answer 1

尝试

//initialize datepicker with some optional options
$.extend(options, {
    beforeShowDay: disableDates
})
$el.datepicker(options);
$el.datepicker('setEndDate', new Date);