Event Dragging & Resizing - Docs v1 | FullCalendar

These docs are for an old release. Info on upgrading to version 2/3

edit doc

How to enable and control where the user can drag-n-drop and resize events. Start by setting the editable setting to true.

Event dragging and resizing requires the following jQuery UI modules

Flags

Determines whether the events on the calendar can be modified.

eventStartEditable

Allow events’ start times to be editable through dragging.

eventDurationEditable

Allow events’ durations to be editable through resizing.

Determines if jQuery UI draggables can be dropped onto the calendar.

Effects

dragRevertDuration

Time it takes for an event to revert to its original position after an unsuccessful drag.

The opacity of an event while it is being dragged.

The time interval at which a dragged event will snap to the agenda view time grid. Also affects the granularity at which selections can be made. Specified in number of minutes.

Control

Provides a way to filter which elements can be dropped onto the calendar.

Callbacks

Triggered when event dragging begins.

Triggered when event dragging stops.

Triggered when dragging stops and the event has moved to a different day/time.

Called when a valid jQuery UI draggable has been dropped onto the calendar.

eventResizeStart

Triggered when event resizing begins.

eventResizeStop

Triggered when event resizing stops.

Triggered when resizing stops and the event has changed in duration.