Docs Introduction

There are a few different ways to install the FullCalendar library.

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.

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.

FullCalendar offers the following packages:

How to attach handlers to your calendar, which execute when other things happen.

Methods provide ways to manipulate the calendar from JavaScript code.

How to create a simplified, reproducible demonstration of a bug

What changed between v3 and v4, and how to upgrade

You can specify options that apply only to specific calendar views.

You can get/set calendar options after a calendar has already been initialized.

Will initially render a calendar, or if it is already rendered, will rerender it.

Restores the container element to the state before FullCalendar was initialized.

The amount of milliseconds to wait before rerendering anything on a calendar.

A way to group operations that cause rerenders.

The initial date displayed when the calendar first loads.

The initial view when the calendar loads.

FullCalendar provides settings, methods, and callbacks for interacting with and switching the current view.