我如何在fullcalendar中更改不同颜色的事件背景颜色？

我正在使用fullcalendar的最后一个版本，我查看了文档如何更改背景颜色事件，但我不知道如何制作不同的事件。
我需要代码示例与事件红色，蓝色，绿色，如图片。

我在文档网站上看到了这段代码，但我无法应用2种颜色：

$('#calendar').fullCalendar({ editable: true, events: [ { title: 'Teste1', start: new Date(y, m, d, 10, 30), allDay: false, editable: false }, { title: 'Teste2', start: new Date(y, m, d, 11, 40), allDay: false } ], eventColor: '#378006' }); 

Answer 1

由于您使用的是最新版本（1.5），因此可以设置backgroundColor属性。

 { title: 'Teste1', start: new Date(y, m, d, 10, 30), allDay: false, editable: false, backgroundColor: '#SomeColor' }, { title: 'Teste2', start: new Date(y, m, d, 11, 40), allDay: false, backgroundColor: '#SomeOtherColor' } 

如果您还需要更改它，也可以设置textColor属性。

Answer 2

使用css和className属性。

Answer 3

我已经为每个事件应用了这样的颜色代码，它对我有用。

  $.each(data, function(i, v){ var event =[]; var col = ""; if(v.Status == 1) { col = "#00c0ef"; } else if(v.Status == 2){ col = "#dd4b39"; } else if (v.Status === 3) { col = "#f39c12"; } else { col = "#00a65a"; } event.push({ title: v.AssignedName + "\n Installation Date: \n" + da, start: da, backgroundColor: col, textColor:'black' }) });