从 jsonArray 日期选择器 (jquery) 突出显示多个日期范围

Question

我试图突出显示多个日期范围，但到目前为止似乎只有一个有效。如果需要任何其他信息，请询问。对此很陌生。提前致谢！

jquery 我目前使用的脚本：

var testJson = [{
    "startDate": "2015, 5, 1",
        "endDate": "2015, 5, 4"
}, {
    "startDate": "2015, 5, 4",
        "endDate": "2015, 5, 11"
}];

$("#datepicker").datepicker({

    beforeShowDay: function(date) {

        for(var i = 0; i < testJson.length; i++) {
            startDate = new Date(testJson[i].startDate);
            endDate = new Date(testJson[i].endDate);

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

            return [true, '', ''];
        }
    }
});

Answer 1

我打错了！我应该将 'return' 放在循环之外，如下所示：

$("#datepicker").datepicker({

    beforeShowDay: function(date) {

        for(var i = 0; i < testJson.length; i++) {
            startDate = new Date(testJson[i].startDate);
            endDate = new Date(testJson[i].endDate);

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

            //return [true, '', ''];
        }
        return [true, '', ''];
    }
});

从 jsonArray 日期选择器 (jquery) 突出显示多个日期范围

highlight multiple dateranges from jsonArray datepicker (jquery)

jquery

datepicker