Trying to get my first FullCalendar to work

Question

I have just started trying to implement FullCalendar; however, my display is blank with no error messages on the console log or logs. What have I not included please?

HTML:

$(document).ready(function() {
  document.addEventListener('DOMContentLoaded', function() {
    var calendarEl = document.getElementById('calendar');
    var calendar = new FullCalendar.Calendar(calendarEl, {
      initialView: 'resourceTimelineWeek'
    });
    calendar.render();
  });
});

user_3744304 · Answer

You add an event listener to DOMContentLoaded on jQuery's $(document).ready(). At that time DOMContentLoaded has already happened, so the listener you attach to DOMContentLoaded never executes.

Use either of the two, not both.

Second mistake is you are loading the wrong fullCalendar script. To use "resourceTimelineWeek" you need to include (and also the corresponding CSS).

document.addEventListener('DOMContentLoaded', function() {
  const calendar = new FullCalendar.Calendar(document.getElementById('calendar'), {
    initialView: 'resourceTimelineWeek'
  });
  calendar.render();
});

Trying to get my first FullCalendar to work

1 Answers