edit doc


Initially render the calendar, or rerender it after initialization.


You can initialize a calendar with an ES6 Build System or Script Tags:

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new Calendar(calendarEl, {
    plugins: [ dayGridPlugin ]


You can also use the render method to rerender a calendar after initialization. Once you have the calendar reference, simply call it again:

calendar.render(); // rerender!

Normally you won’t need to do this. The calendar’s internal state will stay consistent with its rendering. But if you do need to rerender the calendar because you depend on side effects, use this method. This method will not completely wipe the DOM clean and rebuild. It will use its internal virtual DOM representation to only commit needed changes.

If you simply need to readjust the calendar’s size, see updateSize.