New look, new major release.
Read the post
→
FullCalendar
v7
v7
latest
v6
(opens in a new tab)
v5
(opens in a new tab)
v4
(opens in a new tab)
v3
(opens in a new tab)
v2
(opens in a new tab)
v1
(opens in a new tab)
Demos
Docs
Support
Getting Help
Debug Templates
Reporting Bugs
Requesting Features
Contributing
Pricing
20.7k
Demos
Docs
Support
Getting Help
Debug Templates
Reporting Bugs
Requesting Features
Contributing
Pricing
Search
⌘
K
Getting Started
React
Vue
Angular
Vanilla JS
Preact
Web Component
Salesforce LWC
Tools & Plugins
Agent Guide
Plugins
Premium
V7 Migration
Overall Display
Theme
Toolbar
Sizing
Virtual Rendering
Locale
Views
Month
TimeGrid
List
DayGrid
Multi-Month Stack
Multi-Month Grid
Timeline
Vertical Resource
Custom Views
View API
Date & Time
Date Model
Time Zone
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
Resource Display
Accessibility
Accessibility
Touch Support
Printer-Friendly Rendering
Docs menu
All Docs
Resource Display
Premium
Copy page
Edit page
Control the visual aspects of your resources, such as ordering and text.
Options
resourceOrder
Determines the ordering of the resource list.
filterResourcesWithEvents
When this setting is activated, only resources that have associated events will be displayed.
Render Hooks
resourceDayHeader
Customize the column-header cells that display resource names in vertical resource views.
See Also
Timeline View
Timeline view has a customizable horizontal time axis, with resources as rows.
Vertical Resource View
Vertical resource view displays resources as columns in TimeGrid view and DayGrid view.
Virtual Rendering
Keep large calendars fast by rendering only what's visible in the scroll area.