Custom Views - Docs | FullCalendar

You're viewing the v7 docs. Upgrading from v6?

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: