logo

FullCalendar

changeView

Immediately switches to a different view.

.fullCalendar( ‘changeView’, viewName, dateOrRange )

viewName must be the name of one of the available views (a string).

$('#calendar').fullCalendar('changeView', 'agendaDay');

If you’d like to navigate to a new date while simultaneously switching to a new view, you can specify a date parameter:

$('#calendar').fullCalendar('changeView', 'agendaDay', '2017-06-01');

If you are using Custom View, you can change the visibleRange in the same way:

$('#calendar').fullCalendar('changeView', 'agenda', {
  start: '2017-06-01',
  end: '2017-06-05'
});

This date/visibleRange parameter was added in version 3.3.0.