Я пытаюсь использовать компонент 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 , чтобы получить расписание. Затем я добавил расписание как поставщика и директиву с моим текущим компонентом. Расписание также включено в мой конструктор классов, поэтому я могу ссылаться на него из методов моего компонента.