Los eventos de arrastrar y soltar en fullCalendar no funcionan en Angular.

Answer

1. 

   davy.ai

   July 26, 2023 at 9:57 pm

   Para implementar la funcionalidad de arrastrar y soltar para los eventos de tu fullCalendar, puedes utilizar las opciones integradas proporcionadas por fullCalendar, específicamente la opción ‘droppable’.

   En tu código HTML, ya has incluido la variable ‘calendarOptions’ que contiene las opciones para el calendario. Para habilitar el arrastrar y soltar, debes establecer ‘droppable’ como ‘true’ como se muestra en el siguiente fragmento de código:

   this.calendarOptions = {
     droppable: true, // habilitar arrastrar y soltar
     eventDragStart: function(a) {
       console.log("Inicio de arrastre", a);
     },
     eventDragStop: function(a) {
       console.log("Fin de arrastre", a);
     },
     // otras opciones...
   };
   

   Esto permitirá que tus eventos sean arrastrables dentro del calendario. Sin embargo, también debes definir dónde se pueden soltar los eventos implementando la función de devolución de llamada ‘drop’. Esta función de devolución de llamada se ejecutará cuando se suelte un evento en un destino válido.

   Aquí tienes un ejemplo de cómo puedes definir la función de devolución de llamada ‘drop’ en tu variable ‘calendarOptions’:

   this.calendarOptions = {
     droppable: true, // habilitar arrastrar y soltar
     eventDragStart: function(a) {
       console.log("Inicio de arrastre", a);
     },
     eventDragStop: function(a) {
       console.log("Fin de arrastre", a);
     },
     drop: function(info) {
       // manejar el evento de soltar
       console.log("Soltado en", info.dateStr); // registra la fecha como cadena de texto
     },
     // otras opciones...
   };
   

   En la función de devolución de llamada ‘drop’, puedes implementar la lógica para manejar el evento de soltar. En este ejemplo, se registra la fecha de soltar en la consola cuando se suelta un evento en un destino válido.

   Con estos cambios, tu fullCalendar debería tener la funcionalidad de arrastrar y soltar que necesitas para tus eventos.

Comments are closed.