# Calendar::next

> FullCalendar v4 documentation, for an old release. Web version: https://legacy.fullcalendar.io/v4/Calendar-next
>
> Latest version (v7): https://fullcalendar.io/docs/Calendar-next.md

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

<div class='spec' markdown='1'>
calendar.next()
</div>

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:

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

[View a demo](https://legacy.fullcalendar.io/v4/date-api-buttons-demo) that uses the prev and next methods.