jquery full calendar: defina uma cor diferente para cada evento do front-end
É assim que estou usando o plugin:
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
}
})
})
})
E é assim que parece:
Como você pode ver, é um pouco difícil rastrear quando um evento começa e termina, então eu estava pensando em mudar a cor de cada evento,
O problema aqui é que cada evento pode ser dividido em semanas diferentes (como no exemplo) e cada semana tem um evento DOM diferente (o que faz sentido) e eles não têm nenhuma classe relacionada,
Alguma idéia de como posso colorir de forma diferente cada evento?
Obrigado!