Date Clicking & Selecting - Docs | FullCalendar

Version 7 was just released! The docs will be moved here soon. Visit the external v7 docs site

edit doc

Detect when the user clicks on dates or times. Give the user the ability to select multiple dates or time slots with their mouse or touch device.

Allows a user to highlight multiple days or timeslots by clicking and dragging.

Whether to draw a “placeholder” event while the user is dragging.

Whether clicking elsewhere on the page will cause the current selection to be cleared.

A way to specify elements that will ignore the unselectAuto option.

Determines whether the user is allowed to select periods of time that are occupied by events.

selectConstraint

Limits user selection to certain windows of time.

Exact programmatic control over where the user can select.

selectMinDistance

The minimum distance the user’s mouse must travel after a mousedown, before a selection is allowed.

Callbacks

Triggered when the user clicks on a date or a time.

Triggered when a date/time selection is made.

Triggered when the current selection is cleared.

Methods

Calendar::select

A method for programmatically selecting a period of time. It accepts two different signatures:

Calendar::unselect

A method for programmatically clearing the current selection.

See Also

Whether to automatically scoll the scroll-containers during event drag-and-drop and date selecting.

The time interval at which a dragged event will snap to the time axis. Also affects the granularity at which selections can be made.

FullCalendar’s Touch support includes smooth scrolling, time-range selection via long-press, and event drag-n-drop/resizing via long-press.