fullCalendar - faire glisser un événement non allDay pour qu'il couvre plusieurs jours - tout cela à partir de la vue 'semaine' ?

Question

J'ai un calendrier complet qui fonctionne assez bien. Cependant, j'aimerais pouvoir faire glisser un événement qui est no allDay et faites-le glisser pour couvrir plusieurs jours.

Par exemple : J'ai un événement qui est prévu pour le 5 février, de 10h à 12h. J'aimerais pouvoir faire glisser l'événement vers la droite pour qu'il s'étende sur plusieurs jours. Le résultat final serait un événement qui s'étendrait du 5 février 10h00 au 9 février 12h00 (ou n'importe quel jour suivant le jour d'origine).

Est-ce possible ?

Merci

Answer 1

Pour redimensionner sur plusieurs jours et créer un événement à partir de 10-12 chaque jour individuel, utilisez le snippet ci-dessous.

Pour redimensionner un événement sur plusieurs jours et garder la même heure de début et de fin, le plugin resize le fait déjà ?

Voir le callback eventResize. http://arshaw.com/fullcalendar/docs/event_ui/eventResize/

$('#calendar').fullCalendar({
events: [
        // events here
        ],
editable: true,

eventResize: function(event,dayDelta,minuteDelta,revertFunc) {

   if(dayDelta >= 1 && !event.allDay) {
        revertFunc();

        for (var i = 0 ; i < dayDelta ; i ++) {
           var newEvent = {
            id: event.id,
            title : event.title,
            start : new Date(event.start),
            end : new Date(event.end),
            allDay : event.allDay
           };

           newEvent.start.setDate(newEvent.start.getDate()+(i+1));
           newEvent.end.setDate(newEvent.end.getDate()+(i+1));
           $('#calendar').fullCalendar( 'renderEvent', newEvent , 'stick');
        }
    }
}
});