動態更改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