突出顯示日期在Jquery UI Datepicker

Question

我已經閱讀了這樣的其他問題，但沒有一個完全是我想要的。

我想添加一個類到兩個日期之間的所有日子。日期將設置在變量中。

有什麼想法？

Answer 1

您需要實現beforeShowDay event for the datepicker：

該函數採用一個日期作爲參數，並必須用 [0]等於真/假指示該日期是否是 可選擇返回一個數組， [1]等於默認的 演示文稿的CSS類名稱或''，以及[2]此日期的可選彈出式工具提示。在日期選擇器顯示之前，每天都會調用 。

所以，你需要做的是這樣的：

$("#datepicker").datepicker({ 
    beforeShowDay: function(d) { 
     var a = new Date(2012, 3, 10); // April 10, 2012 
     var b = new Date(2012, 3, 20); // April 20, 2012 
     return [true, a <= d && d <= b ? "my-class" : ""]; 
    } 
}); 

jsFiddle demo here和another demo here。