logo

FullCalendar

This version is a pre-release. Read the release notes

View-Specific Options

You can specify options that apply only to specific calendar views. Provide separate options objects within the views option, keyed by the name of your view.

var calendar = new Calendar(calendarEl, {
  header: { center: 'month,agendaWeek' }, // buttons for switching between views

  views: {
    month: { // name of view
      titleFormat: 'YYYY, MM, DD'
      // other view-specific options here
    }
  }
});

You may also specify options that apply to certain types of views:

var calendar = new Calendar(calendarEl, {
  views: {
    basic: {
      // options apply to basicWeek, basicDay, and month views
    },
    agenda: {
      // options apply to agendaWeek and agendaDay views
    },
    week: {
      // options apply to basicWeek and agendaWeek views
    },
    day: {
      // options apply to basicDay and agendaDay views
    }
  }
});

If an option is not matched by a View-Specific Option, the option value is taken from the top-level options object (whatever you passed in to new Calendar).