These docs are for an old release. View the v7 docs
edit doc view .md

Calendar::render

Initially render the calendar, or rerender it after initialization.

calendar.render()

Whether you initialize a calendar with an ES6 Build System or Script Tags, nothing is displayed until render is called:

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

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

  calendar.render();
});

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.