突出显示多个日期范围datepicker(jquery)

时间:2015-05-20 09:54:54

标签: javascript jquery datepicker

我想在datepicker中突出显示多个日期范围。 只使用一个日期范围,使用此jsFiddle

我目前使用的代码是:

$(document).ready(function() {

    $("#datepicker").datepicker({

        $.each(testJson, function(key, value) {

            startDate = new Date(value.startDate);
            endDate = new Date(value.endDate);

            console.log(startDate);
            console.log(endDate);

            beforeShowDay: function(date) {

                if(date >= startDate && date <= endDate) {

                    return [true, 'ui-state-error', 'Gereserveerd!'];

                }

                return [true, '', ''];

            }

        });

    });

});

但它给了我以下错误:

  

Uncaught SyntaxError:意外的令牌。

在这一行:

$.each(testJson, function(key, value) {

我正在使用以下jsonArray

[
    {
        "startDate": "2015, 5, 1",
        "endDate": "2015, 5, 4"
    },
    {
        "startDate": "2015, 5, 4",
        "endDate": "2015, 5, 11"
    }
]

如果需要任何其他信息,请向新人询问! 提前谢谢!

更新

感谢作者删除的评论我更进了一步,但现在我收到了错误:

  

未捕获的TypeError:无法读取未定义的属性“0”

目前使用以下代码:

$("#datepicker").datepicker({

    beforeShowDay: function(date) {

        $.each(testJson, function(key, value) {

            var startDate = new Date(value.startDate);
            var endDate = new Date(value.endDate);

            if(date >= startDate && date <= endDate) {
                return [true, 'ui-state-error', 'Gereserveerd!'];
            }

            return [true, '', ''];

        });
    }
});

0 个答案:

没有答案