动态更改jQuery datepicker日期颜色并禁用它们

Question

我有一个PHP函数，它返回我想在日期选择器上禁用的日期列表，并将单元格的颜色更改为红色。有什么办法可以实现？

Answer 1

查看Datepicker API您可以使用beforeShowDay选项为特定日期设置不同的课程。

定义日期禁用：

var disabledDates = ["9-5-2011","14-5-2011","15-5-2011"]; 

实现一个函数来检查日期：

function unavailable(date) { 
    var dmy = date.getDate() + "-" + (date.getMonth()+1) + "-" + date.getFullYear(); 
    if ($.inArray(dmy, disabledDates) < 0) { 
    return [true,"",""]; 
    } else { 
    //the second parameter you can set your css class 
    return [false,"red","Day unavailable"]; 
    } 
} 

指定的日期选择器选项：

$('#datepicker').datepicker({ 
    altField : '#hiddenFieldID', 
    format: 'mm-dd-yyyy', 
    changeMonth:true, 
    minDate: 14, 
    beforeShowDay: unavailable //here it is 
}); 

SOURCE