0

Я пытаюсь использовать компонент Schedule PrimeNG для отображения событий календаря для пользователей. Отображается календарь, но когда Fullcalendar пытается отобразить события, он возвращает ошибку:
"ORIGINAL EXCEPTION: TypeError: Cannot read property 'scrollTop' of null"
События должны быть правильного формата, так как этот проект просто рефакторинг из версии углового1, которая уже использовала Fullcalendar. Ниже я включил html, параметры конфигурации и макет событий, которые будут отображаться.События, не отображаемые с помощью PrimeNG Schedule, не могут читать свойство scrollTop из null

template.html 

     <p-schedule id="calendar" class="calendar" [events]="calendar.sources" 
      [calendar]="myCalendar1" [height]="calendar.config.height" 
      [header]="calendar.config.header" [editable]="calendar.config.editable" 
      [weekends]="calendar.config.weekends" [eventLimit]="calendar.config.eventLimit" 
      (onDayClick)="calendar.config.dayClick" (onEventClick)="calendar.config.eventClick" 
      (onEventDrop)="calendar.config.eventDrop"> 
     </p-schedule> 


this.calendar.config = { 
    height: 900, 
    editable: true, 
    weekends: true, 
    eventLimit: true, 
    header: { 
    left: 'agendaDay,agendaWeek,month', 
    center: 'title', 
    right: 'today prev,next' 
    }, 
    dayClick: this.dayClick, 
    eventClick: this.eventClick, 
    eventDrop: this.stopDrag 
} 


Оказывается, что независимо от того, какие варианты я включаю, fullcalendar всегда дает ту же ошибку. Я даже попробовал загрузить шаблон расписания без параметров и по-прежнему имел ту же ошибку. Это, по-видимому, указывает на то, что что-то о том, как я включил Schedule и fullcalendar, неверен. Я включил primeng и момент через npm install --save, затем включил fullcalendar через html cdns. Я выполнил следующие изменения: here , чтобы получить расписание. Затем я добавил расписание как поставщика и директиву с моим текущим компонентом. Расписание также включено в мой конструктор классов, поэтому я могу ссылаться на него из методов моего компонента.

ответ

1

Оказалось, что обновления JQuery 3.0.0 несовместимы с Fullcalendar. Перевернув JQuery обратно в 2.2.4, все работает правильно.

0

У меня была такая же проблема с fullcalendar, и ответ Исахиро был решением. Я просто хотел добавить, что моя произошла, потому что конфликт зависимости с поддержкой bower обновил jquery до 3.x на мне. Вы можете заставить bower использовать версию 2.x, добавив следующее в bower.json.

"resolutions": { 
    "jquery": "~2.1.4" 
} 

 Смежные вопросы

  • Нет связанных вопросов^_^