eventRender: function (event, element, view)
{
var date = new Date(); //this is your todays date
if (event.start >= date)
$(element).css("backgroundColor", "red");
}
如果你想改变一天的背景颜色,你可以使用Fullcalender的dayRender回调
dayRender: function (date, element, view)
{
var date = new Date(date);
var day = date.getDate().toString();
if (day.length == 1)
day = 0 + day;
var year = date.getFullYear();
var month = (date.getMonth() + 1).toString();
if (month.length == 1)
month = 0 + month;
var dateStr = year + "-" + month + "-" + day ;
// YourDates is Json array of your default dates
for (var i = 0; i < YourDates.length; i++)
{
//here you campare calender dates to your default dates
if ( dateStr.toString() == YourDates[i].toString() )
{
$(element).css("background", "red"); // it will set backgroud of that date
}
}
}
日历在每次事件绘制后触发事件'eventAfterRender'。这同样提供了对事件和元素的访问。您可以通过将事件.start或事件.end日期与当前日期进行比较来实现您的需求,并根据需要更改元素的颜色。
您可以为特定事件设置
backgroundColor
属性:对于其余日期,只需使用
.fc-future
和.fc-today
CSS属性:如果要更改可以使用的事件的背景色
如果你想改变一天的背景颜色,你可以使用Fullcalender的dayRender回调
了解更多信息:dayRender:FullCalender
相关问题 更多 >
编程相关推荐