Estoy trabajando en fullcalendar v5.9 con recursos, quiero que cada recurso tenga un color de columna de fondo diferente o un color de encabezado de fondo diferente. ¿Cómo puedo hacer eso?
var calendar = new FullCalendar.Calendar(calendarEl, { initialView: 'resourceTimeGridTwoDay', initialDate: dnew Date(), locale: 'it', selectable: true, dayMaxEvents: true, // allow "more" link when too many events eventTimeFormat: { // like '14:30:00' hour: '2-digit', minute: '2-digit', hour12: false, meridiem: false }, slotLabelFormat: { // like '14:30:00' hour: '2-digit', minute: '2-digit', hour12: false, meridiem: false }, headerToolbar: { left: 'prev,next today', center: 'title', right: 'resourceTimeGridDay,resourceTimeGridTwoDay,resourceTimeGridWeek' }, views: { resourceTimeGridTwoDay: { type: 'resourceTimeGrid', duration: { days: 3 }, buttonText: '3 days', slotDuration: '00:15', slotMinTime: '08:00', slotMaxTime: '21:15', } }, resources: [ { id: 'a', title: 'Room A' }, { id: 'b', title: 'Room B', eventColor: 'green' }, { id: 'c', title: 'Room C', eventColor: 'orange' }, { id: 'd', title: 'Room D', eventColor: 'red' } ], events: events2 }); calendar.render(); };Lo resolví. Agrego esta sección al código de calendario completo
resourceLabelDidMount: function (info) { if (info.resource.id == 2) info.el.style.backgroundColor = 'red'; },