突出显示日期在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。