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.
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.