更改FullCalendar中事件的背景颜色

Question

我正在使用FullCalendar v1.6.1版本。我想根据某些条件更改事件背景颜色，而将其他事件更改为其他颜色。但我不知道如何制作不同的事件。

在我的表中，表名是预订：

id --- + ---   the_date   
 1           2014-02-25 
 2           2014-02-26
 3           2014-02-27
 4           2014-03-22
 5           2014-04-15
 6           2014-04-17

我想将上述日期的事件背景颜色更改为红色，将其余日期更改为绿色。

知道我如何在每个事件中使用不同的颜色吗？

提前致谢

Answer 1

您可以backgroundColor为特定事件设置属性：

$('#calendar').fullCalendar({
    {
      title: '1',
      start: new Date(2014, 02, 25, 10, 30),
      allDay: false,
      editable: false,
      backgroundColor: '#ED1317'
    },
    {
      title: '2',
      start: new Date(2014, 02, 26, 10, 30),
      allDay: false,
      editable: false,
      backgroundColor: '#ED1317'
    },
    ...
});

对于其余日期，只需使用.fc-future和.fc-todayCSS属性：

.fc-future,
.fc-today {
    background-color: #10CC55;
}