logo

FullCalendar

This version is in beta. Read the release notes

Calendar::next

Moves the calendar one step forward (by a month or week for example).

calendar.next()

If the calendar is in dayGridMonth view, will move the calendar forward one month.

If the calendar is in dayGridWeek or timeGridWeek, will move the calendar forward one week.

If the calendar is in dayGridDay or timeGridDay, will move the calendar forward one day.

Example using next with an external button:

document.getElementById('my-next-button').addEventListener('click', function() {
  calendar.next();
});

View a demo that uses the prev and next methods.