fullCalendar - 更改一段时间的单元格颜色

时间:2016-01-30 22:13:44

标签: css colors fullcalendar

我想改变一段时间的细胞颜色。例如:变为绿色,细胞的颜色从2016-01-20的上午9点到11点。

我一直在寻找一个星期的解决方案,但每个提示都是关于整天改变

$(".fc-day[data-date='2016-01-20']").css('background', 'green');

这不是我需要的。

问候。

1 个答案:

答案 0 :(得分:3)

新版本的fullCalendar,提供了一个backgrouEvent

http://fullcalendar.io/docs/event_rendering/Background_Events/

$('#calendar').fullCalendar({
defaultDate: '2016-01-20',
defaultView: 'agendaWeek',
events: [
    {
        start: '2016-01-20T09:00:00',
        end: '2016-01-20T11:00:00',
        rendering: 'background'
    }
]});