datepicker 错误 = 未捕获的类型错误：无法读取未定义的属性“0”

Question

无法让 jQueryUI 日期选择器选项 beforeShowDay 工作。

我尝试了找到的不同帮助主题，但无法正常工作。

我收到此错误

未捕获的类型错误：无法读取未定义的属性“0”

这是我的 JS。但它似乎不起作用

<script type="text/javascript">
jQuery(document).ready(function () {
    var your_dates = [new Date(13, 5, 5), new Date(13, 5, 10)];
    jQuery("div#event-calender").datepicker({
        beforeShowDay: function (date) {
            if (jQuery.inArray(date.toString(), your_dates) != -1) {
                return [true, 'highlight'];
            }
        }
    });
});
</script>

Answer 1

您需要始终返回一个数组，而不仅仅是在条件匹配时。

来自documentation：

演出前

类型：函数（日期日期）

以日期为参数的函数必须返回一个数组

jQuery(document).ready(function () {
    var your_dates = [new Date(13, 5, 5), new Date(13, 5, 10)];
    jQuery("div#event-calender").datepicker({
        beforeShowDay: function (date) {
            var arr;
            if (jQuery.inArray(date.toString(), your_dates) != -1) {
                arr = [true, 'highlight'];
            }else {
                arr = [true, ''];
            }
            return arr;
        }
    });
});

FIDDLE

Answer 2

演出前
以日期为参数且必须返回数组的函数 与：

• true/false 表示此日期是否可以通过 CSS 选择
• 类名添加到日期的单元格或“”作为默认值
• 显示此日期的可选弹出工具提示

在日期选择器中每天调用该函数之前 显示

将您的 beforeShowDay 更改为

beforeShowDay: function (date) {
    if (jQuery.inArray(date.toString(), your_dates) != -1) {
        return [true, 'highlight'];
    } else {
        return [true, ''];
    }
}

编辑
将your_dates 更改为

var your_dates = [new Date(2013,5,5).toString(), new Date(2013,5,10).toString()];

或使用类似的东西代替jQuery.inArray(...)

var found = your_dates.filter(function(d) {
                return date.getTime() === d.getTime();
            }).length > 0;

return [true, (found ? 'highlight' : '')];