ajax数据上的Fullcalendar天背景颜色

时间:2016-06-26 22:16:13

标签: javascript jquery ajax fullcalendar

我正在使用fullcalendar,我需要根据ajax请求绘制几天的背景颜色。

我有一些教室,他们可以忙碌或自由,所以如果教室是免费的,我想画出日间细胞匹配的背景颜色。

我知道如何更改事件颜色,但我不知道如何使用日期单元格,我也知道在渲染天数时会调用此函数:

dayRender: function (date, cell) {
            console.log(cell[0].dataset.date);
        }

所以我可以拥有一个javascript数组,其中包含必须标记为忙碌的日期,但是当用户更改月份时如何更新该数组?

谢谢!

1 个答案:

答案 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);
                        });
                    }
                });
            },