Полный календарь изменить цвет события

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

Попробуйте присвоить ему имя класса и определить этот класс в блоке кода CSS, например, так:

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

Answer 2

Чтобы изменить цвет для всех событий, рекомендуется использовать API fullCalendar:

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

Чтобы изменить цвет определенного события, зная его идентификатор:

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