Jquery datepicker在选择日期时显示多种颜色

Jquery datepicker在选择日期时显示多种颜色,jquery,datepicker,jquery-ui-datepicker,Jquery,Datepicker,Jquery Ui Datepicker,我有一个日期选择器,显示活动日。在这些活动日内,我需要在选择每个日期时显示不同的颜色,而不是日期选择器的默认颜色。 我有三个日期数组,它们决定了显示哪种颜色 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 如何扩展日期选择器以

我有一个日期选择器,显示活动日。在这些活动日内,我需要在选择每个日期时显示不同的颜色,而不是日期选择器的默认颜色。 我有三个日期数组,它们决定了显示哪种颜色

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
如何扩展日期选择器以实现此目的?

如下:

$('#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, ""];
    }
}

我的日历是一个内联多日期选择器,我需要在单击日期单元格时显示这些颜色。