FullCalendar
These docs are a work in progress. Learn about v7 updates
Latest:  v7.0.0-beta.7
Introduction
    • Getting Started
    • Initialize with ES6 Build System
    • Initialize with Script Tags
    • Initialize with Script Tags (ESM)
    • Plugin Index
    • Handlers
    • Methods
  • More Advanced

    • View-Specific Options
    • Get/Set Options Dynamically
    • borderless settings
    • className
    • ClassName Inputs
    • Content Injection
    • render
    • destroy
    • rerenderDelay
    • Calendar::render
    • Calendar::batchRendering
  • See Also

    • initialDate
    • initialView
    • View API
edit doc

Getting Started

The simplest way to get started is with FullCalendar’s pre-built bundles and <script> tags:

  • Initializing with script tags

For larger projects, it’s best to use some type of build system:

  • Initializing with an ES6 build system
  • Using TypeScript

Also, FullCalendar integrates with popular front-end frameworks:

  • React connector (supports Next)
  • Preact connector
  • Vue connector (supports Nuxt)
  • Angular connector