在FullCalend中更改事件的背景色

Question

我使用的是FullCalendar v1.6.1版本。 我想根据一些情况改变事件背景颜色，其余事件用另一种颜色。但我不知道如何区分事件。

在我的表中，表名是booking：

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;
}