我正在使用fullcalendar,我需要根据ajax请求绘制几天的背景颜色。
我有一些教室,他们可以忙碌或自由,所以如果教室是免费的,我想画出日间细胞匹配的背景颜色。
我知道如何更改事件颜色,但我不知道如何使用日期单元格,我也知道在渲染天数时会调用此函数:
dayRender: function (date, cell) {
console.log(cell[0].dataset.date);
}
所以我可以拥有一个javascript数组,其中包含必须标记为忙碌的日期,但是当用户更改月份时如何更新该数组?
谢谢!
答案 0 :(得分:1)
viewRender: function(view,element){
$.ajax({
url: //your custom url,
data: {start:view.start.format(),end:view.end.format()},
type: 'GET',
dataType: "json",
contentType: "application/json",
success: function (data) {
$.each(data, function(i) {
$('.fc-day[data-date="'+data[i] ["date"]+'"]').css('background', Your Color Code);
});
}
});
},