Полный календарь JQuery: установить разные цвета для каждого события из интерфейса

Вот как я использую плагин:

jQuery( document ).ready( function() {
            jQuery('#booking-calendar').fullCalendar({
                header: {
                    left: 'prev,next',
                    center: 'title',
                    right: 'month,basicWeek,basicDay'
                },
                editable: true,
                events: '<?php echo get_template_directory_uri() ?>/bookings-feed.php'
            });

            jQuery( '#apartment-selector' ).change( function() {
                apartment = jQuery( this ).val()
                jQuery('#booking-calendar').fullCalendar( 'removeEvents' )
                jQuery('#booking-calendar').fullCalendar( 'addEventSource',  {
                    url: '<?php echo get_template_directory_uri() ?>/bookings-feed.php',
                    type: 'POST',
                    data: {
                        apartment : apartment
                    }
                })
            })
        })

И вот как это выглядит:

Как вы можете видеть, немного сложно отследить, когда событие начинается и заканчивается, поэтому я думал об изменении цвета каждого события,

Проблема здесь в том, что каждое событие может быть разделено на разные недели (как в примере), и каждая неделя имеет различное событие DOM (что имеет смысл), и у них нет никакого связанного класса,

Любая идея, как я могу по-разному раскрасить каждое событие?

Спасибо!

Ответы на вопрос(3)

Ваш ответ на вопрос