有没有办法设计jquery的datepicker日？

假设我希望2011年5月2日（或任何其他日子）与其他日子颜色不同。 这可能吗？

这是特定日期的示例项目

11 

我不知道是否有任何方法可以覆盖datepicker如何为每天创建id /类。

Answer 1

工作示例： http ： //jsfiddle.net/hunter/UBPg5/

---

您可以通过添加beforeShowDay回调来完成此beforeShowDay

绑定你的回调：

 $("input:text.date").datepicker({ beforeShowDay: SetDayStyle }); 

使用一些错误日期的静态数组创建函数或在其他地方构造此数组：

 var badDates = new Array("5/2/2011"); function SetDayStyle(date) { var enabled = true; var cssClass = ""; var day = date.getDate(); var month = date.getMonth() + 1; //0 - 11 var year = date.getFullYear(); var compare = month + "/" + day + "/" + year; var toolTip = badDates.indexOf(compare) + " " + compare if (badDates.indexOf(compare) >= 0) cssClass = "bad"; return new Array(enabled, cssClass, toolTip); } 

创建你的风格

 .bad { background: red; } .bad a.ui-state-active { background: red; color: white; } 

---

http://jqueryui.com/demos/datepicker/#event-beforeShowDay

该函数将日期作为参数，并且必须返回一个数组，其中[0]等于true / false，指示此日期是否可选，[1]等于CSS类名称或”用于默认演示文稿，和[2]这个日期的可选弹出工具提示。 在显示日期选择器之前，它会在每天被调用。