我是初学者,不熟悉jquery ui(datepicker)。所以我很难完成练习。我只想将日历绑定到事件页面。每个事件都有一个日期和类名,然后是参考日期和类名将被转移到datepicker。最后为datepicker上的每个类名添加不同的背景颜色。 谢谢!
我写了一个简单的代码。顺便说一下,我上面提到的“事件”只是意味着“活动”!获取活动的日期和类名,然后将两个引用传递给datepicker。然后活动日期将显示在日历上,并根据其类名称以不同的背景颜色显示。
$(function(){
var Event = function(text,className){
this.text = text;
this.className = className;
};
var events = {};
events[new Date("08/08/2012")] = new Event("event_one","pink");
events[new Date("08/12/2012")] = new Event("event_two","green");
events[new Date("08/31/2012")] = new Event("event_three","red");
$('#datepicker').datepicker({
beforeShowDay : function(date) {
var event = events[date];
if (event) {
return [true,event.className,event.text];
}
else {
return [true,'',''];
}
}
});
});
body{ font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;}
.demoHeaders { margin-top: 2em; }
.pink > a {
background-color: pink !important;
background-image:none !important;
}
.red > a {
background-color: red !important;
background-image:none !important;
}
.green > a {
background-color: green !important;
background-image: none !important;
}