Docs Date & Time Display
Settings that control presence/absense of dates as well as their styling and text. These settings work across a variety of different views.
Day-Header Render Hooks
Customize the header elements above the day cells in daygrid and timegrid views with the following options. Also, the title elements for each day in list view. For the timeline view, see the slot header render hooks.
Day-Header Row Render Hooks
Customize the row that contains day header cells in DayGrid and TimeGrid views.
Day-Header Divider Render Hooks
Customize the divider line beneath the day header cells in DayGrid & TimeGrid views.
Day-Row Render Hooks
Customize the horizontal day row in table-based date layouts.
Day-Cell Render Hooks
Customize the day cells in DayGrid view and the all-day section of TimeGrid view with the following options. For TimeGrid day lanes (the time-slot columns), see Day-Lane Render Hooks.
Slot Header Render Hooks
Customize the slot header elements — where the date/time text is displayed — in timegrid and timeline views.
Slot Header Row Render Hooks
Customize the row that contains slot header cells in TimeGrid and Timeline views.
Slot Header Divider Render Hooks
Customize the divider line between the slot header column (time labels) and the slot lanes in TimeGrid and Timeline views.
Slot Lane Render Hooks
Customize the slot lane elements in timegrid and timeline views. The lane is the long span of content next to the slot's date/time text. In timegrid view, this is the horizontal space that passes under all of the days. In timeline view, this is the vertical space that passes through the resources.
Whole-day Settings
weekends
Whether to include Saturday/Sunday columns in any of the calendar views.
hiddenDays
Exclude certain days-of-the-week from being displayed.
dayHeaders
Whether the day headers should appear. For the Month, TimeGrid, and DayGrid views.
dayHeaderFormat
Determines the text that will be displayed on the calendar's column headings.
dayMinWidth
If specified, when the calendar gets narrow enough where day cells can no longer meet their dayMinWidth, horizontal scrollbars will appear.
dayNarrowWidth
When a day column becomes narrower than this pixel width, FullCalendar switches to "narrow" date text/layout variants.
Time-Axis Settings
slotDuration
The frequency for displaying time slots.
slotLabelInterval
The frequency that the time slots should be labelled with text.
slotLabelFormat
Determines the text that will be displayed within a time slot.
slotMinTime
Determines the first time slot that will be displayed for each day.
slotMaxTime
Determines the last time slot that will be displayed for each day. In line with the discussion about the Event object, it is important to stress that this should be specified as an exclusive end time.
scrollTime
Determines how far forward the scroll pane is initially scrolled.
scrollTimeReset
Whether the view should scroll to scrollTime every time the date range changes.