eventDrop
Triggered when dragging stops and the event has moved to a different day/time.
function( eventDropInfo ) { }
eventDropInfo is a plain object with the following properties:
| event |
An Event Object that holds information about the event (date, title, etc) after the drop. |
|---|---|
| relatedEvents | an array of other related Event Objects that were also dropped. an event might have other recurring event instances or might be linked to other events with the same groupId |
| oldEvent |
An Event Object that holds information about the event before the drop. |
| oldResource |
If the resource has changed, this is the Resource Object the event came from. If the resource has not changed, this will be undefined. For use with the resource plugins only. |
| newResource |
If the resource has changed, this is the Resource Object the event went to. If the resource has not changed, this will be undefined. For use with the resource plugins only. |
| delta |
A Duration Object that represents the amount of time the event was moved by. |
| revert |
A function that, if called, reverts the event’s start/end date to the values before the drag. This is useful if an ajax call should fail. |
| view |
The current View Object. |
| el |
The HTML element that was dragged. |
| jsEvent |
The native JavaScript event with low-level information such as click coordinates. |
This callback is fired before the eventChange callback is fired.
eventDrop does not get called when an external event lands on the calendar. eventReceive is called instead.
Here is an example demonstrating most of these arguments:
var calendar = new Calendar(calendarEl, {
events: [
// events here
],
editable: true,
eventDrop: function(info) {
alert(info.event.title + " was dropped on " + info.event.start.toISOString());
if (!confirm("Are you sure about this change?")) {
info.revert();
}
}
});
Resources
When an event has been newly dropped on a resource, the Event Object’s resources will be updated to reflect.