FullCalendar
V7 changelog | Progress Tracker | Repro Templates — These docs are a work in progress
Latest:  v7.0.0-rc.1
edit doc view .md

Docs Custom Views

It’s possible to take a pre-defined view that FullCalendar provides and create your own view that spans a different periods of time. You can even code your own view from scratch with JS.

Techniques
Custom Views via Settings
It is possible to customize an existing available view by tweaking settings.
Custom Views via JS
For advanced developers, FullCalendar provides an API for building custom views with the unlimited flexibility of JavaScript code.
Duration Settings
duration
Sets the exact duration of a custom view.
dayCount
Sets the exact number of days displayed in a custom view, regardless of weekends or hiddenDays.
visibleRange
Sets the exact date range that is visible in a view.

Demos:

Screenshot: Custom 4-day TimeGrid view
Custom 4-day TimeGrid view
Screenshot: Custom 4-day vertical resource view
Custom 4-day vertical resource view
Screenshot: Custom-duration timeline views
Custom-duration timeline views