完整日历更改事件颜色

Question

我一直在尝试改变事件的颜色，但没有成功。

我的git-ripo是https://github.com/mzararagoza/rails-fullcalendar-icecube，有一个网站的样本。

我正在加载我的事件与json，看起来像http://rails-fullcalendar-icecube.herokuapp.com/event_instances.json

{

    "_routes": null,
    "title": "ddd",
    "color": "#b319ab",
    "url": "/events/6",
    "start": "2013-06-12T00:00:00-05:00",
    "end": "2013-06-12T23:59:59-05:00",
    "allDay": true,
    "event_id": 6
}

感谢所有的帮助

Answer 1

尝试为它分配一个classname，并在CSS代码块中定义这个类，就像这样:

<style>    
.myCalendarEvent{
            color:#000;
            background-color:#FFF;
            border-color:#669999;   
            width: 100%;                
        }
</style>

Answer 2

要更改所有事件的颜色，建议使用fullCalendar的API:

$('#calendar').fullCalendar({
  eventColor: '#yourcolor'
});

改变特定事件的颜色，知道它的id:

event = $('#full-calendar').fullCalendar('clientEvents', event_id)
event.color = '#yourcolor'
$('#full-calendar').fullCalendar('updateEvent', event)