JQuery FullCalendar Extending Start or End Date

Question

I am using jQuery FullCalendar.

Here is the calendar link I'm using: http://arshaw.com/fullcalendar/

I have a case when I start and finish.

Now, if I extend startdate or enddate by dragging it.

How can I get a response event that was triggered while dragging / extending a date?

Example:

When I move an event from one date to another, I use eventDrop . This gives me days added or subtracted to the original dates.

I need the same solution for startdate or enddate extension.

Opportunities that I encounter:

Original dates: 2013-12-04 to 2013-12-07

Renewal: 2013-12-04 to 2013-12-10

OR

Renewal: 2013-12-01 to 2013-12-07

, . , ?

Answer 1

eventResize

:

http://arshaw.com/fullcalendar/docs/event_ui/eventResize/

$('#calendar').fullCalendar({
    events: [
        // events here
    ],
    editable: true,
    eventResize: function(event,dayDelta,minuteDelta,revertFunc) {

        alert(
            "The end date of " + event.title + "has been moved " +
            dayDelta + " days and " +
            minuteDelta + " minutes."
        );

        if (!confirm("is this okay?")) {
            revertFunc();
        }

    }
});

Answer 2

Jquery Fullcalender , ,

Original Dates : 2013-12-04 to 2013-12-07

When Extends : 2013-12-04 to 2013-12-10

, , ,

eventResizeStart: function (event, jsEvent, ui, view) {
    console.log('RESIZE START ' + event.title);

},
eventResizeStop: function (event, jsEvent, ui, view) {
    console.log('RESIZE STOP ' + event.title);

},
eventResize: function (event, dayDelta, minuteDelta, revertFunc, jsEvent, ui, view) {
    console.log('RESIZE!! ' + event.title);
    console.log(dayDelta + ' days'); //this will give the number of days you extended the event
    console.log(minuteDelta + ' minutes');

},

Original Dates : 2013-12-04 to 2013-12-07

When Extends : 2013-12-01 to 2013-12-07

,

eventDragStart: function (event, jsEvent, ui, view) {
    console.log('DRAG START ' + event.title);
    console.log(this);
},
eventDragStop: function (event, jsEvent, ui, view) {
    console.log('DRAG STOP ' + event.title);
    console.log(this);
},
eventDrop: function (event, dayDelta, minuteDelta, allDay, revertFunc, jsEvent, ui, view) {
    console.log('DROP ' + event.title);
    console.log(dayDelta + ' days'); //this will give the number of days you dragged before or after
    console.log(minuteDelta + ' minutes');
    console.log('allday: ' + allDay);

},

, , eventDurationEditable, true

eventDurationEditable:false,