Custom Views - Docs | FullCalendar

Version 7 was just released! The docs will be moved here soon. Visit the external v7 docs site

edit doc

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.

Docs Custom Views

Demos: