Support

Requesting Features

Apr 2nd — v6.1.17

These docs are for an old release. Info on upgrading to v5

Documentation

Getting Started

Introduction
Premium Plugins
Date Library

Overall Display

Toolbar
Theme
Sizing

Views

Month View
TimeGrid View
List View
DayGrid View
Timeline View
Premium
Vertical Resource View
Premium
Custom Views
View API

Date & Time

Date & Time Display
Date Navigation
Date Nav Links
Week Numbers
Date Clicking & Selecting
Now Indicator
Business Hours

Events

Event Model
Event Sources
Event Display
Event Clicking & Hovering
Event Dragging & Resizing
Event Popover
Background Events

Resources

Resource Data
Premium
Resource Display
Premium

International

Locale
Time Zone

Third Party

TypeScript
React
Vue
Angular

Accessibility

Touch Support

Getting Started

Introduction

Getting Started
Initialize with ES6 Build System
Initialize with Script Tags
Plugin Index
Handlers
Methods
More Advanced

Premium Plugins

Date Library

Date Parsing
Date Objects
Duration Object
Date Formatting
defaultRangeSeparator
Util Methods
Plugins
- Moment Plugins
- Luxon Plugin

Overall Display

Toolbar

header
footer
titleFormat
titleRangeSeparator
buttonText
buttonIcons
customButtons

Theme

themeSystem
Bootstrap Theming
bootstrapFontAwesome

Sizing

height
contentHeight
aspectRatio
updateSize
handleWindowResize
windowResizeDelay
Callbacks
- windowResize

Views

Month View

Month-View-specific Options
- fixedWeekCount
- showNonCurrentDates

TimeGrid View

TimeGrid-specific Options

List View

List-View-specific Options

DayGrid View

Timeline View Premium

Timeline-specific Options

Vertical Resource View Premium

datesAboveResources
Resource DayGrid View

Custom Views

Techniques
- Custom Views via Settings
- Custom Views via JS classes
Duration Settings

View API

defaultView
View Object
Methods
- Calendar::view
- Calendar::changeView
Callbacks

Date & Time

Date & Time Display

Whole-day Settings
Time-Axis Settings
Callbacks
- dayRender
Methods
- scrollToTime

Date Navigation

defaultDate
dateIncrement
dateAlignment
validRange
Methods

navLinks
navLinkDayClick
navLinkWeekClick

Week Numbers

weekNumbers
weekNumbersWithinDays
weekNumberCalculation
weekLabel

Date Clicking & Selecting

selectable
selectMirror
unselectAuto
unselectCancel
selectOverlap
selectConstraint
selectAllow
selectMinDistance
Callbacks
Methods
- Calendar::select
- Calendar::unselect

Now Indicator

nowIndicator
now

businessHours
businessHours-per-resource

Events

Event Model

Event Parsing
Event Object
Recurring Events
RRule Plugin
Event Data Parsing
Methods

Event Sources

events (as an array)
events (as a json feed)
events (as a function)
events from Google Calendar
Event Source Object
eventSources
eventSourceSuccess
eventSourceFailure
Event Requesting
Methods

Event Display

eventColor
eventBackgroundColor
eventBorderColor
eventTextColor
eventTimeFormat
displayEventTime
displayEventEnd
nextDayThreshold
eventOrder
progressiveEventRendering
Callbacks
Methods
- Calendar::rerenderEvents

Event Clicking & Hovering

eventClick
eventMouseEnter
eventMouseLeave

Event Dragging & Resizing

External Event Dragging
Dragging Between Calendars
Third-Party Dragging Libraries
Flags
Effects
Control
Callbacks

Event Popover

eventLimit
eventLimitClick
eventLimitText
dayPopoverFormat

Background Events

Resources

Resource Data Premium

resources (as an array)
resources (as a JSON feed)
resources (as a function)
Resource Parsing
Resource Object
Associating Events with Resources
refetchResourcesOnNavigate
Methods

Resource Display Premium

resourceOrder
filterResourcesWithEvents
resourceText
Methods
- rerenderResources
Callbacks
- resourceRender

International

Locale

locale
dir
firstDay

timeZone

Third Party

TypeScript Support

React Component

Vue Component

Angular Component

Accessibility

Touch Support

longPressDelay
eventLongPressDelay
selectLongPressDelay

10% of profits donated to effective charities

Does your company use FullCalendar? Tell us »

© 2024 FullCalendar LLC

GitHub
License
Blog
Roadmap