[jQuery FullCalendar] dayClickが動きません。

カレンダーの日付クリックでイベントを登録できるようにしたいのですが、

dayClickが機能していないようです。
どこに不備があるのかご教授いただけないでしょうか？

※追記
エラーはありません

該当のソースコード

lang
1
2<!DOCTYPE html>
3<html>
4<head>
5<meta charset='utf-8' />
6<link href='../lib/main.css' rel='stylesheet' />
7<script src='../lib/main.js'></script>
8<script src="lib/jquery.min.js"></script>
9<script src="lib/moment.min.js"></script>
10<script src="fullcalendar.js"></script>
11<script>
12
13  document.addEventListener('DOMContentLoaded', function() {
14    var calendarEl = document.getElementById('calendar');
15
16    var calendar = new FullCalendar.Calendar(calendarEl, {
17      headerToolbar: {
18        left: 'prev,next today',
19        center: 'title',
20        right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth'
21      },
22      initialDate: '2020-09-12',
23      navLinks: true, // can click day/week names to navigate views
24      businessHours: true, // display business hours
25      editable: true,
26      selectable: true,
27      
28
29      events: [
30        {//ここにイベントを記述していく
31          title: 'Business Lunch',
32          start: '2020-09-03T13:00:00',
33          constraint: 'businessHours'
34        },
35        {
36          title: 'Meeting',
37          start: '2020-09-13T11:00:00',
38          constraint: 'availableForMeeting', // defined below
39          color: '#257e4a'
40        },
41
42        // areas where "Meeting" must be dropped
43        {
44          groupId: 'availableForMeeting',
45          start: '2020-09-11T10:00:00',
46          end: '2020-09-11T16:00:00',
47          display: 'background'
48        },
49
50        // red areas where no events can be dropped
51        {
52          start: '2020-09-24',
53          end: '2020-09-28',
54          overlap: false,
55          display: 'background',
56          color: '#ff9f89'
57        },
58      ],
59      dayClick: function(date, allDay, jsEvent, view) {
60        console.log('a');
61        var title = prompt('予定を入力してください:');
62        $('#calendar').fullCalendar('addEventSource', [{
63        id:date,      //(date それぞれのボックスが持つ日付。）
64        title: title,
65        start: date,　//（日付）
66        allDay: allDay
67        }]);
68      },
69    });
70
71    calendar.render();
72  });
73
74</script>
75<style>
76
77  body {
78    margin: 40px 10px;
79    padding: 0;
80    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
81    font-size: 14px;
82  }
83
84  #calendar {
85    max-width: 1100px;
86    margin: 0 auto;
87  }
88  /* 日曜日*/
89  .fc-sun {
90    color: red;
91    background-color: #fff0f0;
92  }
93 
94  /* 土曜日 */
95  .fc-sat {
96    color: blue;
97    background-color: #f0f0ff;
98  }
99
100</style>
101</head>
102<body>
103
104  <div id='calendar'></div>
105
106</body>
107</html>
108