# FullCalendar v3 > Documentation for FullCalendar v3, an old release. The current version is v7, documented at https://fullcalendar.io/docs/llms.txt. Every page linked here is Markdown. Only use these docs for code that still runs FullCalendar v3. Each major version since has breaking changes. Upgrade guides, in order: - [Upgrading from v3](https://legacy.fullcalendar.io/v4/upgrading-from-v3.md) - [Upgrading from v4](https://legacy.fullcalendar.io/v5/upgrading-from-v4.md) - [Upgrading from v5](https://legacy.fullcalendar.io/v6/upgrading-from-v5.md) - [Upgrading from v6](https://fullcalendar.io/docs/upgrading-from-v6.md) ## Getting Started - [Introduction](https://legacy.fullcalendar.io/v3/intro.md): How to get FullCalendar’s code, initialize a calendar, and other basic principles. - [Loading the Code](https://legacy.fullcalendar.io/v3/installation.md): How to get FullCalendar and its dependencies loaded onto your page. - [Initializing with Options](https://legacy.fullcalendar.io/v3/initialization.md): How to initialize your first calendar with options. - [Handlers](https://legacy.fullcalendar.io/v3/handlers.md): How to attach handlers to your calendar, which execute when other things happen. - [Methods](https://legacy.fullcalendar.io/v3/methods.md): Methods provide ways to manipulate the calendar from JavaScript code. - [V3 Release Notes and Upgrade Guide](https://legacy.fullcalendar.io/v3/upgrading-from-v2.md): What changed between v2 and v3, and how to upgrade - [Upgrading to v2](https://legacy.fullcalendar.io/v3/upgrading-from-v1.md): What changed between v1 and v2, and how to upgrade - [View-Specific Options](https://legacy.fullcalendar.io/v3/view-specific-options.md): You can specify options that apply only to specific calendar views. - [Get/Set Options Dynamically](https://legacy.fullcalendar.io/v3/dynamic-options.md): You can get/set calendar options after a calendar has already been initialized. - [render](https://legacy.fullcalendar.io/v3/render.md): Immediately forces the calendar to render and/or readjusts its size. - [destroy](https://legacy.fullcalendar.io/v3/destroy.md): Restores the container element to the state before FullCalendar was initialized. - [Scheduler Plugin](https://legacy.fullcalendar.io/v3/scheduler.md) - [Date Library](https://legacy.fullcalendar.io/v3/date-library.md): FullCalendar leverages MomentJS as its date library. Moment and Duration objects are accepted for many settings and they are used throughout the API. - [Moment Object](https://legacy.fullcalendar.io/v3/moment.md): A Moment object represents a point in time, like the native Date Object, but is far superior. - [Duration Object](https://legacy.fullcalendar.io/v3/moment-duration.md): A Duration object represents a length of time. - [Date Formatting Strings](https://legacy.fullcalendar.io/v3/date-formatting-string.md): Date formatting strings are used throughout the API and determine how a given Moment object is rendered to a string. - [defaultRangeSeparator](https://legacy.fullcalendar.io/v3/defaultRangeSeparator.md): The separator text used for date-formatting-string ranges throughout the API. - [formatRange](https://legacy.fullcalendar.io/v3/formatRange.md): Formats a date range by intelligently inserting a dash between the two dates. ## Overall Display - [Toolbar](https://legacy.fullcalendar.io/v3/toolbar.md): The area at the top and bottom of the calendar that contains buttons and other controls. - [header](https://legacy.fullcalendar.io/v3/header.md): Defines the buttons and title at the top of the calendar. - [footer](https://legacy.fullcalendar.io/v3/footer.md): Defines the controls at the bottom of the calendar. - [titleFormat](https://legacy.fullcalendar.io/v3/titleFormat.md): Determines the text that will be displayed in the header’s title. - [titleRangeSeparator](https://legacy.fullcalendar.io/v3/titleRangeSeparator.md): Determines the separator text when formatting the date range in the toolbar title. - [buttonText](https://legacy.fullcalendar.io/v3/buttonText.md): Text that will be displayed on buttons of the header/footer. - [buttonIcons](https://legacy.fullcalendar.io/v3/buttonIcons.md): Icons that will be displayed in buttons of the header/footer. - [customButtons](https://legacy.fullcalendar.io/v3/customButtons.md): Defines custom buttons that can be used in the header/footer. - [Theme](https://legacy.fullcalendar.io/v3/theming.md): It is possible to change the look of the calendar (colors, fonts, etc) by applying a theme. Multiple theme systems are available, like Bootstrap and jQuery UI. - [themeSystem](https://legacy.fullcalendar.io/v3/themeSystem.md): Renders the calendar with a given theme system. - [themeButtonIcons](https://legacy.fullcalendar.io/v3/themeButtonIcons.md): Determines which icons are displayed in buttons of the header/footer when jQuery UI theming is on. - [bootstrapGlyphicons](https://legacy.fullcalendar.io/v3/bootstrapGlyphicons.md): Determines which icons are displayed in buttons of the header/footer when Bootstrap 3 theming is on. - [bootstrapFontAwesome](https://legacy.fullcalendar.io/v3/bootstrapFontAwesome.md): Determines which icons are displayed in buttons of the header/footer when Bootstrap 4 theming is on. - [Sizing](https://legacy.fullcalendar.io/v3/sizing.md): How to control the dimensions of the calendar. - [height](https://legacy.fullcalendar.io/v3/height.md): Sets the height of the entire calendar, including header and footer. - [contentHeight](https://legacy.fullcalendar.io/v3/contentHeight.md): Sets the height of the view area of the calendar. - [aspectRatio](https://legacy.fullcalendar.io/v3/aspectRatio.md): Sets the width-to-height aspect ratio of the calendar. - [handleWindowResize](https://legacy.fullcalendar.io/v3/handleWindowResize.md): Whether to automatically resize the calendar when the browser window resizes. - [windowResizeDelay](https://legacy.fullcalendar.io/v3/windowResizeDelay.md): The time the calendar will wait to adjust its size after a window resize occurs, in milliseconds. - [windowResize](https://legacy.fullcalendar.io/v3/windowResize.md): Triggered after the calendar’s dimensions have been changed due to the browser window being resized. ## Views - [Month View](https://legacy.fullcalendar.io/v3/month-view.md): Month view displays the current month’s days, and usually a few days of the previous and next months, in a table-like format. - [fixedWeekCount](https://legacy.fullcalendar.io/v3/fixedWeekCount.md): Determines the number of weeks displayed in a month view. - [showNonCurrentDates](https://legacy.fullcalendar.io/v3/showNonCurrentDates.md): In month view, whether dates in the previous or next month should be rendered at all. - [Agenda View](https://legacy.fullcalendar.io/v3/agenda-view.md): Agenda view displays one or more days side by side, against a vertical axis of time. The time axis usually runs from midnight to midnight. The two predefined agenda views are agendaDay and agendaWeek. - [allDaySlot](https://legacy.fullcalendar.io/v3/allDaySlot.md): Determines if the “all-day” slot is displayed at the top of the calendar. - [allDayText](https://legacy.fullcalendar.io/v3/allDayText.md): The text titling the “all-day” slot at the top of the calendar. - [slotEventOverlap](https://legacy.fullcalendar.io/v3/slotEventOverlap.md): Determines if timed events in agenda view should visually overlap. - [agendaEventMinHeight](https://legacy.fullcalendar.io/v3/agendaEventMinHeight.md): Guarantees that events within the Agenda views will be a minimum height. - [List View](https://legacy.fullcalendar.io/v3/list-view.md): A list view displays events in a simple vertical list for a specific interval of time. If there are no events during a specific interval of time, the noEventsMessage is displayed. List view was added in FullCalendar version 3.0.0. There are 4 preset list views: listDay, listWeek, listMonth, and listYear. - [listDayFormat](https://legacy.fullcalendar.io/v3/listDayFormat.md): A date formatting string that affects the text on the left side of the day headings in list view. - [listDayAltFormat](https://legacy.fullcalendar.io/v3/listDayAltFormat.md): A date formatting string that affects the text on the right side of the day headings in list view. - [noEventsMessage](https://legacy.fullcalendar.io/v3/noEventsMessage.md): The text that is displayed in the middle of list view, alerting the user that there are no events within the given range. - [Basic View](https://legacy.fullcalendar.io/v3/basic-view.md): A “basic” view is a view with one or more columns, each representing a day. The pre-configured basic views are basicDay and basicWeek. - [Timeline View](https://legacy.fullcalendar.io/v3/timeline-view.md): The Scheduler add-on provides a new view called “timeline view” with a customizable horizontal time-axis and resources as rows. - [resourceGroupField](https://legacy.fullcalendar.io/v3/resourceGroupField.md): Visually groups resources by certain criteria. - [resourceGroupText](https://legacy.fullcalendar.io/v3/resourceGroupText.md): Determines the text that is displayed in the resource group divider. - [resourceAreaWidth](https://legacy.fullcalendar.io/v3/resourceAreaWidth.md): Determines the width of the area that contains the list of resources. - [resourceLabelText](https://legacy.fullcalendar.io/v3/resourceLabelText.md): The text that will appear above the list of resources. - [resourceColumns](https://legacy.fullcalendar.io/v3/resourceColumns.md): Turns the resource area from a plain list of titles into a grid of data. - [resourcesInitiallyExpanded](https://legacy.fullcalendar.io/v3/resourcesInitiallyExpanded.md): Whether child resources should be expanded when the view loads. - [slotWidth](https://legacy.fullcalendar.io/v3/slotWidth.md): Determines how wide each of the time-axis slots will be. Specified as a number of pixels. - [Vertical Resource View](https://legacy.fullcalendar.io/v3/vertical-resource-view.md): The Scheduler add-on provides agenda view and basic view with the ability to display resources as columns. - [groupByResource](https://legacy.fullcalendar.io/v3/groupByResource.md): Determines if multi-day agenda or basic views should display resource columns. If so, renders resource headings above date headings. - [groupByDateAndResource](https://legacy.fullcalendar.io/v3/groupByDateAndResource.md): Determines if multi-day agenda or basic views should display resource columns. If so, renders date headings above resource headings. - [Custom Views](https://legacy.fullcalendar.io/v3/custom-views.md): It’s possible to take a pre-defined view that FullCalendar provides and create your own view that spans a different period of time. You can even code your own view from scratch with JS. - [Custom Views via Settings](https://legacy.fullcalendar.io/v3/custom-view-with-settings.md): It is possible to customize an existing available view by tweaking settings. - [Custom Views via JS classes](https://legacy.fullcalendar.io/v3/custom-view-with-js.md): For advanced developers, FullCalendar provides an API for building custom views with the unlimited flexibility of JavaScript code. - [duration](https://legacy.fullcalendar.io/v3/duration.md): Sets the exact duration of a custom view. - [dayCount](https://legacy.fullcalendar.io/v3/dayCount.md): Sets the exact number of days displayed in a custom view, regardless of weekends or hiddenDays. - [visibleRange](https://legacy.fullcalendar.io/v3/visibleRange.md): Sets the exact date range that is visible in a view. - [View API](https://legacy.fullcalendar.io/v3/view-api.md): FullCalendar provides settings, methods, and callbacks for interacting with and switching the current view. - [defaultView](https://legacy.fullcalendar.io/v3/defaultView.md): The initial view when the calendar loads. - [View Object](https://legacy.fullcalendar.io/v3/view-object.md): A View object contains information about a calendar view, such as title and date range. This information about the current view is passed into nearly every handler. - [changeView](https://legacy.fullcalendar.io/v3/changeView.md): Immediately switches to a different view. - [getView](https://legacy.fullcalendar.io/v3/getView.md): Returns the View Object for the current view. - [viewRender](https://legacy.fullcalendar.io/v3/viewRender.md): Triggered when a new date-range is rendered, or when the view type switches. - [viewDestroy](https://legacy.fullcalendar.io/v3/viewDestroy.md): Triggered when a rendered date-range needs to be torn down. ## Date & Time - [Date & Time Display](https://legacy.fullcalendar.io/v3/date-display.md): Settings that control presence/absence of dates as well as their styling and text. These settings work across a variety of different views. - [weekends](https://legacy.fullcalendar.io/v3/weekends.md): Whether to include Saturday/Sunday columns in any of the calendar views. - [hiddenDays](https://legacy.fullcalendar.io/v3/hiddenDays.md): Exclude certain days-of-the-week from being displayed. - [columnHeader](https://legacy.fullcalendar.io/v3/columnHeader.md): Whether the day headers should appear. For the Month, Agenda, and Basic views. - [columnHeaderFormat](https://legacy.fullcalendar.io/v3/columnHeaderFormat.md): Determines the text that will be displayed on the calendar’s column headings. - [columnHeaderText](https://legacy.fullcalendar.io/v3/columnHeaderText.md): Programmatically generates text that will be displayed on the calendar’s column headings. - [columnHeaderHtml](https://legacy.fullcalendar.io/v3/columnHeaderHtml.md): Programmatically generates HTML that will be injected on the calendar’s column headings. - [slotDuration](https://legacy.fullcalendar.io/v3/slotDuration.md): The frequency for displaying time slots. - [slotLabelInterval](https://legacy.fullcalendar.io/v3/slotLabelInterval.md): The frequency that the time slots should be labeled with text. - [slotLabelFormat](https://legacy.fullcalendar.io/v3/slotLabelFormat.md): Determines the text that will be displayed within a time slot. - [minTime](https://legacy.fullcalendar.io/v3/minTime.md): Determines the first time slot that will be displayed for each day. - [maxTime](https://legacy.fullcalendar.io/v3/maxTime.md): Determines the last time slot that will be displayed for each day. Specified as an exclusive end time. - [scrollTime](https://legacy.fullcalendar.io/v3/scrollTime.md): Determines how far forward the scroll pane is initially scrolled. - [dayRender](https://legacy.fullcalendar.io/v3/dayRender.md): A hook for modifying a day cell’s DOM. - [Date Navigation](https://legacy.fullcalendar.io/v3/date-navigation.md): Methods and settings that determine the view’s current dates. - [defaultDate](https://legacy.fullcalendar.io/v3/defaultDate.md): The initial date displayed when the calendar first loads. - [dateIncrement](https://legacy.fullcalendar.io/v3/dateIncrement.md): How far into the future/past the calendar navigates when prev/next is executed. - [dateAlignment](https://legacy.fullcalendar.io/v3/dateAlignment.md): Determines the first visible day of a custom view. - [validRange](https://legacy.fullcalendar.io/v3/validRange.md): Limits which dates the user can navigate to and where events can go. - [prev](https://legacy.fullcalendar.io/v3/prev.md): Moves the calendar one step back (by a month or week for example). - [next](https://legacy.fullcalendar.io/v3/next.md): Moves the calendar one step forward (by a month or week for example). - [prevYear](https://legacy.fullcalendar.io/v3/prevYear.md): Moves the calendar back one year. - [nextYear](https://legacy.fullcalendar.io/v3/nextYear.md): Moves the calendar forward one year. - [today](https://legacy.fullcalendar.io/v3/today.md): Moves the calendar to the current date. - [gotoDate](https://legacy.fullcalendar.io/v3/gotoDate.md): Moves the calendar to an arbitrary date. - [incrementDate](https://legacy.fullcalendar.io/v3/incrementDate.md): Moves the calendar forward/backward an arbitrary amount of time. - [getDate](https://legacy.fullcalendar.io/v3/getDate.md): Returns a Moment for the current date of the calendar. - [Date Nav Links](https://legacy.fullcalendar.io/v3/date-nav-links.md): Turns various datetime text into clickable links that the user can use for navigation. - [navLinks](https://legacy.fullcalendar.io/v3/navLinks.md): Determines if day names and week names are clickable. - [navLinkDayClick](https://legacy.fullcalendar.io/v3/navLinkDayClick.md): Determines what happens upon a day heading nav-link click. - [navLinkWeekClick](https://legacy.fullcalendar.io/v3/navLinkWeekClick.md): Determines what happens upon a week-number nav-link click. - [Week Numbers](https://legacy.fullcalendar.io/v3/week-numbers.md): Display week numbers in various parts of your calendar views. - [weekNumbers](https://legacy.fullcalendar.io/v3/weekNumbers.md): Determines if week numbers should be displayed on the calendar. - [weekNumbersWithinDays](https://legacy.fullcalendar.io/v3/weekNumbersWithinDays.md): Determines the styling for week numbers in month view and basic view. - [weekNumberCalculation](https://legacy.fullcalendar.io/v3/weekNumberCalculation.md): The method for calculating week numbers that are displayed with the weekNumbers setting. - [weekNumberTitle](https://legacy.fullcalendar.io/v3/weekNumberTitle.md): The heading text for week numbers. - [Date Clicking & Selecting](https://legacy.fullcalendar.io/v3/date-clicking-selecting.md): 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. - [selectable](https://legacy.fullcalendar.io/v3/selectable.md): Allows a user to highlight multiple days or timeslots by clicking and dragging. - [selectHelper](https://legacy.fullcalendar.io/v3/selectHelper.md): Whether to draw a “placeholder” event while the user is dragging. - [unselectAuto](https://legacy.fullcalendar.io/v3/unselectAuto.md): Whether clicking elsewhere on the page will cause the current selection to be cleared. - [unselectCancel](https://legacy.fullcalendar.io/v3/unselectCancel.md): A way to specify elements that will ignore the unselectAuto option. - [selectOverlap](https://legacy.fullcalendar.io/v3/selectOverlap.md): Determines whether the user is allowed to select periods of time that are occupied by events. - [selectConstraint](https://legacy.fullcalendar.io/v3/selectConstraint.md): Limits user selection to certain windows of time. - [selectAllow](https://legacy.fullcalendar.io/v3/selectAllow.md): Exact programmatic control over where the user can select. - [selectMinDistance](https://legacy.fullcalendar.io/v3/selectMinDistance.md): The minimum distance the user’s mouse must travel after a mousedown, before a selection is allowed. - [dayClick](https://legacy.fullcalendar.io/v3/dayClick.md): Triggered when the user clicks on a date or a time. - [select](https://legacy.fullcalendar.io/v3/select-callback.md): Triggered when a date/time selection is made. - [unselect](https://legacy.fullcalendar.io/v3/unselect-callback.md): Triggered when the current selection is cleared. - [select](https://legacy.fullcalendar.io/v3/select-method.md): A method for programmatically selecting a period of time. - [unselect](https://legacy.fullcalendar.io/v3/unselect-method.md): A method for programmatically clearing the current selection. - [Now Indicator](https://legacy.fullcalendar.io/v3/now-indicator.md): You can display a marker that represents the exact current time in both Agenda view and Timeline view. - [nowIndicator](https://legacy.fullcalendar.io/v3/nowIndicator.md): Whether or not to display a marker indicating the current time. - [now](https://legacy.fullcalendar.io/v3/now.md): Explicitly sets the “today” date of the calendar. This is the day that is normally highlighted in yellow. - [Business Hours](https://legacy.fullcalendar.io/v3/business-hours.md): Emphasize a view’s “business hours” (aka “working hours”). - [businessHours](https://legacy.fullcalendar.io/v3/businessHours.md): Emphasizes certain time slots on the calendar. By default, Monday-Friday, 9am-5pm. - [businessHours-per-resource](https://legacy.fullcalendar.io/v3/businessHours-per-resource.md): The main businessHours settings can be applied more granularly to individual resources via the businessHours property on the Resource Object ## Events - [Event Data](https://legacy.fullcalendar.io/v3/event-data.md): How to get events onto your calendar. How to dynamically manipulate them after initial load. - [events (as an array)](https://legacy.fullcalendar.io/v3/events-array.md): An array of Event Objects that will be displayed on the calendar. - [events (as a json feed)](https://legacy.fullcalendar.io/v3/events-json-feed.md): Visiting the URL of a JSON feed is one of the ways FullCalendar fetches Event Objects. This action occurs when the user clicks prev/next or changes calendar views. FullCalendar will determine the date-range it needs events for and will pass that information along in GET parameters. - [events (as a function)](https://legacy.fullcalendar.io/v3/events-function.md): A custom function for programmatically generating Event Objects. - [events from Google Calendar](https://legacy.fullcalendar.io/v3/google-calendar.md): FullCalendar can display events from a public Google Calendar. - [Event Object](https://legacy.fullcalendar.io/v3/event-object.md): A plain JavaScript object that FullCalendar uses to store information about a calendar event. - [Event Source Object](https://legacy.fullcalendar.io/v3/event-source-object.md): An “event source” is anything that provides FullCalendar with data about events. - [eventSources](https://legacy.fullcalendar.io/v3/eventSources.md): A way to specify multiple event sources. - [startParam](https://legacy.fullcalendar.io/v3/startParam.md): A parameter of this name will be sent to each JSON event feed. It describes the start of the interval being fetched. - [endParam](https://legacy.fullcalendar.io/v3/endParam.md): A parameter of this name will be sent to each JSON event feed. It describes the exclusive end of the interval being fetched. - [timezoneParam](https://legacy.fullcalendar.io/v3/timezoneParam.md): A parameter of this name will be sent to each JSON event feed. It describes the timezone of the startParam and endParam values, as well as the desired timezone of the returned events. - [lazyFetching](https://legacy.fullcalendar.io/v3/lazyFetching.md): Determines when event fetching should occur. - [loading](https://legacy.fullcalendar.io/v3/loading.md): Triggered when event or resource fetching starts/stops. - [eventDataTransform](https://legacy.fullcalendar.io/v3/eventDataTransform.md): Transforms custom data into a standard Event Object. - [allDayDefault](https://legacy.fullcalendar.io/v3/allDayDefault.md): Determines the default value for each Event Object’s allDay property when it is unspecified. - [defaultTimedEventDuration](https://legacy.fullcalendar.io/v3/defaultTimedEventDuration.md): A fallback duration for timed Event Objects without a specified end value. - [defaultAllDayEventDuration](https://legacy.fullcalendar.io/v3/defaultAllDayEventDuration.md): A fallback duration for all-day Event Objects without a specified end value. - [forceEventDuration](https://legacy.fullcalendar.io/v3/forceEventDuration.md): A flag to force assignment of an event’s end if it is unspecified. - [updateEvent](https://legacy.fullcalendar.io/v3/updateEvent.md): Changes data for a single event, rerendering the event. - [updateEvents](https://legacy.fullcalendar.io/v3/updateEvents.md): Changes data for multiple events, rerendering them all. - [clientEvents](https://legacy.fullcalendar.io/v3/clientEvents.md): Retrieves events that FullCalendar has in memory. - [removeEvents](https://legacy.fullcalendar.io/v3/removeEvents.md): Removes events from the calendar. - [refetchEvents](https://legacy.fullcalendar.io/v3/refetchEvents.md): Refetches events from all sources and rerenders them on the screen. - [refetchEventSources](https://legacy.fullcalendar.io/v3/refetchEventSources.md): Refetches one or more specific event sources. - [addEventSource](https://legacy.fullcalendar.io/v3/addEventSource.md): Dynamically adds an event source. - [removeEventSource](https://legacy.fullcalendar.io/v3/removeEventSource.md): Dynamically removes an event source. - [removeEventSources](https://legacy.fullcalendar.io/v3/removeEventSources.md): Dynamically removes all event sources, or multiple specific event sources. - [getEventSources](https://legacy.fullcalendar.io/v3/getEventSources.md): Retrieves all Event Source Objects. - [getEventSourceById](https://legacy.fullcalendar.io/v3/getEventSourceById.md): Retrieves a specific Event Source Object. - [Event Display](https://legacy.fullcalendar.io/v3/event-display.md): How to control the appearance of events on your calendar. - [eventColor](https://legacy.fullcalendar.io/v3/eventColor.md): Sets the background and border colors for all events on the calendar. - [eventBackgroundColor](https://legacy.fullcalendar.io/v3/eventBackgroundColor.md): Sets the background color for all events on the calendar. - [eventBorderColor](https://legacy.fullcalendar.io/v3/eventBorderColor.md): Sets the border color for all events on the calendar. - [eventTextColor](https://legacy.fullcalendar.io/v3/eventTextColor.md): Sets the text color for all events on the calendar. - [timeFormat](https://legacy.fullcalendar.io/v3/timeFormat.md): Determines the time-text that will be displayed on each event. - [displayEventTime](https://legacy.fullcalendar.io/v3/displayEventTime.md): Whether or not to display the text for an event’s date/time. - [displayEventEnd](https://legacy.fullcalendar.io/v3/displayEventEnd.md): Whether or not to display an event’s end time. - [nextDayThreshold](https://legacy.fullcalendar.io/v3/nextDayThreshold.md): How far an event must run into the next day before it renders on that day. It applies when an event’s end time spans into another day. - [eventOrder](https://legacy.fullcalendar.io/v3/eventOrder.md): Determines the vertical ordering events that have the same times. - [eventRenderWait](https://legacy.fullcalendar.io/v3/eventRenderWait.md): The amount of milliseconds to wait after an operation, before rendering events. - [eventRender](https://legacy.fullcalendar.io/v3/eventRender.md): Triggered while an event is being rendered. A hook for modifying its DOM. - [eventAfterRender](https://legacy.fullcalendar.io/v3/eventAfterRender.md): Triggered after an event has been placed on the calendar in its final position. - [eventAfterAllRender](https://legacy.fullcalendar.io/v3/eventAfterAllRender.md): Triggered after all events have finished rendering. - [eventDestroy](https://legacy.fullcalendar.io/v3/eventDestroy.md): Called before an event’s element is removed from the DOM. - [renderEvent](https://legacy.fullcalendar.io/v3/renderEvent.md): Renders a new event on the calendar. - [renderEvents](https://legacy.fullcalendar.io/v3/renderEvents.md): Renders multiple new events on the calendar in batch. - [rerenderEvents](https://legacy.fullcalendar.io/v3/rerenderEvents.md): Rerenders all events on the calendar. - [Event Clicking & Hovering](https://legacy.fullcalendar.io/v3/event-clicking-hovering.md): Handers to know when an event has been clicked or hovered over. - [eventClick](https://legacy.fullcalendar.io/v3/eventClick.md): Triggered when the user clicks an event. - [eventMouseover](https://legacy.fullcalendar.io/v3/eventMouseover.md): Triggered when the user mouses over an event. - [eventMouseout](https://legacy.fullcalendar.io/v3/eventMouseout.md): Triggered when the user mouses out of an event. - [Event Dragging & Resizing](https://legacy.fullcalendar.io/v3/event-dragging-resizing.md): How to enable and control where the user can drag-n-drop and resize events. Start by setting the editable setting to true. If you want to allow external elements to be dropped onto your calendar, visit the droppable, drop, and eventReceive articles. - [editable](https://legacy.fullcalendar.io/v3/editable.md): Determines whether the events on the calendar can be modified. - [eventStartEditable](https://legacy.fullcalendar.io/v3/eventStartEditable.md): Allow events’ start times to be editable through dragging. - [eventDurationEditable](https://legacy.fullcalendar.io/v3/eventDurationEditable.md): Allow events’ durations to be editable through resizing. - [eventResourceEditable](https://legacy.fullcalendar.io/v3/eventResourceEditable.md): Determines whether the user can drag events between resources. - [droppable](https://legacy.fullcalendar.io/v3/droppable.md): Determines if external jQuery UI draggables can be dropped onto the calendar. - [dragRevertDuration](https://legacy.fullcalendar.io/v3/dragRevertDuration.md): Time it takes for an event to revert to its original position after an unsuccessful drag. - [dragOpacity](https://legacy.fullcalendar.io/v3/dragOpacity.md): The opacity of an event while it is being dragged. - [dragScroll](https://legacy.fullcalendar.io/v3/dragScroll.md): Whether to automatically scoll the scroll-containers during event drag-and-drop and date selecting. - [snapDuration](https://legacy.fullcalendar.io/v3/snapDuration.md): The time interval at which a dragged event will snap to the time axis. Also affects the granularity at which selections can be made. - [eventOverlap](https://legacy.fullcalendar.io/v3/eventOverlap.md): Determines if events being dragged and resized are allowed to overlap each other. - [eventConstraint](https://legacy.fullcalendar.io/v3/eventConstraint.md): Limits event dragging and resizing to certain windows of time. - [eventAllow](https://legacy.fullcalendar.io/v3/eventAllow.md): Exact programmatic control over where an event can be dropped. - [dropAccept](https://legacy.fullcalendar.io/v3/dropAccept.md): Provides a way to filter which external elements can be dropped onto the calendar. - [eventDragStart](https://legacy.fullcalendar.io/v3/eventDragStart.md): Triggered when event dragging begins. - [eventDragStop](https://legacy.fullcalendar.io/v3/eventDragStop.md): Triggered when event dragging stops. - [eventDrop](https://legacy.fullcalendar.io/v3/eventDrop.md): Triggered when dragging stops and the event has moved to a different day/time. - [drop](https://legacy.fullcalendar.io/v3/drop.md): Called when a valid external jQuery UI draggable has been dropped onto the calendar. - [eventReceive](https://legacy.fullcalendar.io/v3/eventReceive.md): Called when a valid external jQuery UI draggable, containing event data, has been dropped onto the calendar. - [eventResizeStart](https://legacy.fullcalendar.io/v3/eventResizeStart.md): Triggered when event resizing begins. - [eventResizeStop](https://legacy.fullcalendar.io/v3/eventResizeStop.md): Triggered when event resizing stops. - [eventResize](https://legacy.fullcalendar.io/v3/eventResize.md): Triggered when resizing stops and the event has changed in duration. - [Event Popover](https://legacy.fullcalendar.io/v3/event-popover.md): When not all events will fit in a given day, you can display the excess events in a small window that will show up when the user clicks a “more” link. - [eventLimit](https://legacy.fullcalendar.io/v3/eventLimit.md): Limits the number of events displayed on a day. The rest will show up in a popover. - [eventLimitClick](https://legacy.fullcalendar.io/v3/eventLimitClick.md): Determines what happens when the user clicks a “more” link. These links are created by the eventLimit option. - [eventLimitText](https://legacy.fullcalendar.io/v3/eventLimitText.md): Determines the text of the link created by the eventLimit setting. - [dayPopoverFormat](https://legacy.fullcalendar.io/v3/dayPopoverFormat.md): Determines the date format of title of the popover created by the eventLimitClick option. - [Background Events](https://legacy.fullcalendar.io/v3/background-events.md) ## Resources - [Resource Data](https://legacy.fullcalendar.io/v3/resource-data.md): How to get resources onto your calendar and how to manipulate resource data thereafter. - [resources (as an array)](https://legacy.fullcalendar.io/v3/resources-array.md): Tells the calendar to display resources from an array input. - [resources (as a JSON feed)](https://legacy.fullcalendar.io/v3/resources-json-feed.md): Tells the calendar to fetch the resource list from a remote script. - [resources (as a function)](https://legacy.fullcalendar.io/v3/resources-function.md): Tells the calendar to fetch the resources list by executing a function. - [Resource Object](https://legacy.fullcalendar.io/v3/resource-object.md): This is the data structure that is accepted and emitted for resources. - [Associating Events with Resources](https://legacy.fullcalendar.io/v3/resources-and-events.md): How to specify which resources your events are assigned to. - [refetchResourcesOnNavigate](https://legacy.fullcalendar.io/v3/refetchResourcesOnNavigate.md): Whether to refetch and rerender resources when the user navigates to a different date or changes the view. - [getResources](https://legacy.fullcalendar.io/v3/getResources.md): A method that retrieves all Resource Objects in memory. - [getResourceById](https://legacy.fullcalendar.io/v3/getResourceById.md): A method that retrieves a specific Resource Object in memory. - [getResourceEvents](https://legacy.fullcalendar.io/v3/getResourceEvents.md): Retrieves a list of Event Objects that are associated with the given resource. - [getEventResource](https://legacy.fullcalendar.io/v3/getEventResource.md): Gets the Resource Object that is associated with the given event. - [addResource](https://legacy.fullcalendar.io/v3/addResource.md): Adds a new resource to the calendar after the initial resources have been displayed. - [removeResource](https://legacy.fullcalendar.io/v3/removeResource.md): Programmatically removes a resource with the given resourceId from the current view. - [refetchResources](https://legacy.fullcalendar.io/v3/refetchResources.md): Causes the resource data to be fetched and freshly rerendered. - [Resource Display](https://legacy.fullcalendar.io/v3/resource-display.md): Control the visual aspects of your resources, such as ordering and text. - [resourceOrder](https://legacy.fullcalendar.io/v3/resourceOrder.md): Determines the ordering of the resource list. - [filterResourcesWithEvents](https://legacy.fullcalendar.io/v3/filterResourcesWithEvents.md): When this setting is activated, only resources that have associated events will be displayed. - [resourceText](https://legacy.fullcalendar.io/v3/resourceText.md): Determines the displayed text on each resource. - [rerenderResources](https://legacy.fullcalendar.io/v3/rerenderResources.md): Rerenders all resources on the calendar. - [resourceRender](https://legacy.fullcalendar.io/v3/resourceRender.md): A hook for manipulating a resource’s DOM. ## International - [Locale](https://legacy.fullcalendar.io/v3/localization.md): You can tailor the calendar for certain languages (aka “locales”). The locale setting is the most important, as it sets the defaults of many other options at the same time. - [locale](https://legacy.fullcalendar.io/v3/locale.md): Customize the language and localization options for the calendar. - [isRTL](https://legacy.fullcalendar.io/v3/isRTL.md): Displays the calendar in right-to-left mode. - [firstDay](https://legacy.fullcalendar.io/v3/firstDay.md): The day that each week begins. - [monthNames](https://legacy.fullcalendar.io/v3/monthNames.md): Full names of months. - [monthNamesShort](https://legacy.fullcalendar.io/v3/monthNamesShort.md): Abbreviated names of months. - [dayNames](https://legacy.fullcalendar.io/v3/dayNames.md): Full names of days-of-week. - [dayNamesShort](https://legacy.fullcalendar.io/v3/dayNamesShort.md): Abbreviated names of days-of-week. - [timezone](https://legacy.fullcalendar.io/v3/timezone.md): Determines the timezone in which dates throughout the API are parsed and rendered. ## Misc - [Touch Support](https://legacy.fullcalendar.io/v3/touch.md): FullCalendar’s Touch support includes smooth scrolling, time-range selection via long-press, and event drag-n-drop/resizing via long-press. - [longPressDelay](https://legacy.fullcalendar.io/v3/longPressDelay.md): For touch devices, the amount of time the user must hold down before an event becomes draggable or a date becomes selectable. - [eventLongPressDelay](https://legacy.fullcalendar.io/v3/eventLongPressDelay.md): For touch devices, the amount of time the user must hold down before an event becomes draggable. - [selectLongPressDelay](https://legacy.fullcalendar.io/v3/selectLongPressDelay.md): For touch devices, the amount of time the user must hold down before a date becomes selectable. - [TypeScript Support](https://legacy.fullcalendar.io/v3/typescript.md): It is possible to use FullCalendar and Scheduler with TypeScript, a type-aware superset of the JavaScript language that compiles down to JavaScript. - [Deprecated](https://legacy.fullcalendar.io/v3/deprecated.md): Settings that should not be used anymore. - [theme](https://legacy.fullcalendar.io/v3/theme.md): Enables/disables use of jQuery UI theming. - [eventResourceField](https://legacy.fullcalendar.io/v3/eventResourceField.md): Normally Event Objects are linked to resources via the event’s resourceId field. However, if you wish to use another field name, you may specify it with eventResourceField. - [columnFormat](https://legacy.fullcalendar.io/v3/columnFormat.md): Determines the text that will be displayed on the calendar’s column headings. - [View Option Hash](https://legacy.fullcalendar.io/v3/view-option-hash.md): A way to specify options on a per-view basis. - [lang](https://legacy.fullcalendar.io/v3/lang.md): Customize the language and localization options for the calendar. - [weekMode](https://legacy.fullcalendar.io/v3/weekMode.md): Determines the number of weeks displayed in a month view. Also determines each week’s height. - [axisFormat](https://legacy.fullcalendar.io/v3/axisFormat.md): Determines the time-text that will be displayed on the vertical axis of the agenda views. - [Dragging and Resizing before v2.1.0](https://legacy.fullcalendar.io/v3/jquery-ui-dnd.md): For older versions of the library, dependency requirements for drag-n-drop and resizing. ## Optional - [Business-hours on agendaWeek view](https://legacy.fullcalendar.io/v3/businessHours-demo.md): $(function() {