These docs are for an old release.
Info on upgrading to v5
Docs Introduction
How to get FullCalendar’s code, initialize a calendar, and other basic principles.
Getting Started
There are a few different ways to install the FullCalendar library.
Initialize with ES6 Build System
For non-trivial projects, it is recommended to use an ES6-compatible build system like Webpack or Rollup along with a package manager like NPM or Yarn.
Initialize with Script Tags
It’s possible to manually include the necessary <script> tags in the head of your HTML page and then initialize a calendar via browser globals.
Plugin Index
FullCalendar offers the following packages:
Handlers
How to attach handlers to your calendar, which execute when other things happen.
Methods
Methods provide ways to manipulate the calendar from JavaScript code.
Reduced Test Cases
How to create a simplified, reproducible demonstration of a bug
More Advanced
View-Specific Options
You can specify options that apply only to specific calendar views.
Get/Set Options Dynamically
You can get/set calendar options after a calendar has already been initialized.
render
Will initially render a calendar, or if it is already rendered, will rerender it.
destroy
Restores the container element to the state before FullCalendar was initialized.
rerenderDelay
The amount of milliseconds to wait before rerendering anything on a calendar.
Calendar::batchRendering
A way to group operations that cause rerenders.