javascript - 如何使用 jquery 在全日历中显示事件？

Question

我的代码有问题。日历显示正常，工作正常。但事件没有显示。我相信它一定与css有关？在 css 文件和 SO 上搜索几个小时后，我需要帮助。我使用 jquery 和硬编码事件进行测试。

文件

<link href='css/fullcalendar.min.css' rel='stylesheet'/>
<link href='css/fullcalendar.print.css' rel='stylesheet' media='print'/>
<script src='js/moment.min.js'></script>
<script src='js/jquery-ui.custom.min.js'></script>
<script src='js/fullcalendar.min.js'></script>

html

   <div id='calendar'></div>

js

$("#calendar").fullCalendar({

            editable:true,
               header:{
                left:'prev,next today',
                center:'title',
                right:'month,agendaWeek,agendaDay'
               },
               events: [
                   {
                     title: 'All Day Event',
                     start: '2019-11-01',

                   },
                   {
                     title: 'Long Event',
                     start: '2019-11-07',
                     end: '2019-11-10'
                   },
                   {
                     groupId: '999',
                     title: 'Repeating Event',
                     start: '2019-11-09T16:00:00'
                   },
                   {
                     groupId: '999',
                     title: 'Repeating Event',
                     start: '2019-11-16T16:00:00'
                   },
                   {
                     title: 'Conference',
                     start: '2019-11-11',
                     end: '2019-11-13'
                   },
                   {
                     title: 'Meeting',
                     start: '2019-11-12T10:30:00',
                     end: '2019-11-12T12:30:00'
                   },
                   {
                     title: 'Lunch',
                     start: '2019-11-12T12:00:00'
                   },
                   {
                     title: 'Meeting',
                     start: '2019-11-12T14:30:00'
                   },
                   {
                     title: 'Birthday Party',
                     start: '2019-11-13T07:00:00'
                   },
                   {
                     title: 'Click for Google',
                     url: 'http://google.com/',
                     start: '2019-11-28'
                   }
                 ]
        });

标签： javascriptjqueryfullcalendarfullcalendar-3