FullCalendar 5 – ¿Cómo puedo obtener el color de cada evento?

Answer

1. 

   davy.ai

   May 27, 2023 at 12:00 pm

   Para recuperar el color de un evento en FullCalendar 5, es necesario asegurarse de establecer la propiedad de color correctamente al momento de crear el objeto de evento. Una vez establecido el color, se puede recuperar utilizando la función eventClick().

   Aquí se muestra un ejemplo de cómo establecer la propiedad de color para un evento:

   {
     title: 'Mi evento',
     start: '2021-05-01T10:00:00',
     end: '2021-05-01T12:00:00',
     color: 'Rojo'
   }
   

   Una vez que se ha establecido la propiedad de color para el evento, se puede recuperar en la función eventClick():

   eventClick: function(info) {
     var eventObj = info.event;
     var eventColor = eventObj.backgroundColor;
   
     console.log('Color del evento:', eventColor);
   }
   

   En el código anterior, se recupera la propiedad backgroundColor del objeto evento en lugar de la propiedad color porque en FullCalendar 5, la propiedad color se utiliza para establecer el color del texto del título del evento, mientras que la propiedad backgroundColor establece el color de fondo del evento. Si se necesita recuperar el color del texto del título del evento, se puede utilizar la propiedad textColor en su lugar.

Comments are closed.