jQuery toggleClass example

Toggle class name on click in jQuery

by bemulima

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/core/main.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/4.2.0/core/main.min.js"></script>
<div id='calendar'></div>

CSS

html, body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
}

#calendar {
  max-width: 1100px;
  margin: 40px auto;
}

JavaScript

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

  var calendar = new FullCalendar.Calendar(calendarEl, {
    events: [
    {"title":"Birthday Party","start":"2020-09-01T07:00:00+00:00", "end":"2020-09-01T08:00:00+00:00"},
    {"title":"Birthday Party","start":"2020-09-01T07:00:00+00:00"},
    {"title":"Birthday Party","start":"2020-09-01T07:00:00+00:00"},
    {"title":"Birthday Party","start":"2020-09-01T07:00:00+00:00"},
    {"title":"Birthday Party","start":"2020-09-01T07:00:00+00:00"},
    {"title":"Birthday Party","start":"2020-09-01T07:00:00+00:00"},
    {"title":"Birthday Party","start":"2020-09-01T07:00:00+00:00"},
    {"title":"Birthday Party","start":"2020-09-01T07:00:00+00:00"},
    {"title":"Birthday Party","start":"2020-09-01T07:00:00+00:00"},
    ],
  });

  calendar.render();
});