jquery - Jquery datepicker 在日期选择上显示多种颜色

Question

我有一个显示活跃天数的日期选择器。在这些活跃的日子里，我需要在选择每个日期而不是日期选择器的默认颜色时显示不同的颜色。我有三个日期数组，它们确定要显示的颜色。

array1 = {8/5/2013, 8/14/2013, 8/21/2013} - Background Blue
array2 = {8/15/2013, 8/22/2013} - Background Red 
array3 = {8/9/2013, 8/13/2013} - Background Green

如何扩展日期选择器以实现此目的？

Answer 1

像这样：jsFiddle示例

$('#dp').datepicker({
    beforeShowDay: colorize
});
var blueDates = ['8-5-2013', '8-14-2013', '8-21-2013'];
var greenDates = ['8-15-2013', '8-22-2013'];
var redDates = ['8-9-2013', '8-13-2013'];
function colorize(date) {
    mdy = (date.getMonth() + 1) + '-' + date.getDate() + '-' + date.getFullYear();
    console.log(mdy);
    if ($.inArray(mdy, blueDates) > -1) {
        return [true, "blue"];
    } else if ($.inArray(mdy, greenDates) > -1) {
        return [true, "green"];
    } else if ($.inArray(mdy, redDates) > -1) {
        return [true, "red"];
    } else {
        return [true, ""];
    }
}