logo

FullCalendar

This version is in beta. Read the release notes

dayCount

Sets the exact number of days displayed in a custom view, regardless of weekends or hiddenDays.

Integer

When a view’s range is specified with a duration, hidden days will simply be omitted, and the view will stretch to fill the missing space. However, if you specify dayCount, you are guaranteed to see a certain number of days.

Example for a Custom View:

var calendar = new Calendar(calendarEl, {
  weekends: false,
  defaultView: 'timeGridFourDay',
  views: {
    timeGridFourDay: {
      type: 'timeGrid',
      dayCount: 4
    }
  }
});

Simpler example for a calendar with one view:

var calendar = new Calendar(calendarEl, {
  weekends: false,
  defaultView: 'timeGrid',
  dayCount: 4
});