Quiero implementar una función de arrastrar y soltar para mis eventos de calendario completo. La funcionalidad permite a los usuarios arrastrar y soltar eventos dentro del calendario para cambiar su evento en otro día y hora.
Este es el código html que tengo:
<p-fullCalendar deepChangeDetection="true" [events]="events" [options]="calendarOptions"></p-fullCalendar>y este es el archivo ts
this.calendarOptions = { droppable: true, eventDragStart: function(a) { console.log("Drag start", a); }, eventDragStop: function(a) { console.log("Drag stop", a); },Dijiste que querías habilitar
usuarios para arrastrar y soltar eventos dentro del calendario
Pero, según la documentación de fullCalendar, la opción droppable ...
Determina si los elementos externos que se pueden arrastrar o los eventos de otros calendarios se pueden soltar en el calendario.
(mi negrita).
Lo que necesita configurar en su lugar es la opción editable , que...
Determina si los eventos del calendario se pueden modificar. Esto determina si los eventos se pueden arrastrar y cambiar de tamaño.
(otra vez, mi negrita).
Así que si estableces
editable: trueen las opciones de tu calendario, deberías obtener mejores resultados.
Referencias: