Как отобразить события в полном календаре с jquery? - PullRequest
Новая
       5

Как отобразить события в полном календаре с jquery?

2 голосов
/ 17 января 2020

Что-то не так с моим кодом. Календарь отображается нормально и работает отлично. Но события не показывают. Я полагаю, это как-то связано с 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'
                   }
                 ]
        });
...