假设我希望 2011 年 5 月 2 日(或任何其他日子)的颜色与其他日子不同。这可能吗?
这是特定日期的示例项目
<td class=" " onclick="DP_jQuery_1305738227207.datepicker._selectDay('#datepicker',4,2011, this);return false;"><a class="ui-state-default ui-state-hover" href="#">11</a></td>
我不知道是否有任何方法可以覆盖日期选择器如何为每一天创建 id/类。
工作示例: http://jsfiddle.net/hunter/UBPg5/
您可以通过添加一个来做到这一点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] 该日期的可选弹出工具提示。在显示日期选择器中的每一天之前都会调用它。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)