Fullcalendar TypeError: не удается прочитать свойство 'top', равное нулю

Я получаю сообщение об ошибке и не могу найти способ исправить:

Fullcalendar TypeError: Cannot read property 'top' of null

Это мой конфиг:

config: {
    schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
    defaultView: 'agendaOneDay',
    defaultDate: new Date().toISOString().slice(0, -14),
    minTime: '09:00',
    maxTime: '10:00',
    allDayDefault: false,
    allDaySlot: false,
    height: 500,
    slotLabelFormat: 'HH:mm',
    timeFormat: 'HH:mm',
    firstDay: 1,
    slotDuration: '00:15:00',
    columnFormat: 'ddd, DD MMM',
    editable: false,
    selectable: true,

    eventRenderWait: 1000,
    events: [],

    resources: [],

    views: {
      agendaOneDay: {
        type: 'agenda',
        duration: { days: 1 },
        buttonText: '1 day',
        groupByResource: true,
      },
      agendaThreeDay: {
        type: 'agenda',
        duration: { days: 3 },
        buttonText: '3 days',
        groupByResource: true,
      },
    },

    header: false,

    eventClick: this.clickPlace,

    eventRender: this.renderPlace,
  },

Если кто-то знает, как это исправить, помогите пожалуйста.

И когда я загружаю страницу разработчика, я получаю эту ошибку.

TypeError: Cannot read property 'top' of null
at CoordCache.getTopPosition (fullcalendar.js?228e:5594)
at ResourceTimeGrid.TimeGrid.computeTimeTop (fullcalendar.js?228e:11988)
at ResourceAgendaView.AgendaView.computeInitialDateScroll (fullcalendar.js?228e:11487)
at ResourceAgendaView.View.applyScroll (fullcalendar.js?228e:3863)
at ResourceAgendaView.ResourceViewMixin.applyScroll (scheduler.js?acd0:245)
at ResourceAgendaView.View.applyQueuedScroll (fullcalendar.js?228e:3851)
at ResourceAgendaView.View.popScroll (fullcalendar.js?228e:3846)
at ResourceAgendaView.View.onRenderQueueStop (fullcalendar.js?228e:3570)
at RenderQueue.intercept (fullcalendar.js?228e:1535)
at RenderQueue.dispatch (jquery.js?1157:5183)

Не публикуйте скриншоты с ошибками, пожалуйста, разместите код.

Dennis Vash 20.08.2018 23:50

@DennisVash готово!

uonic 21.08.2018 09:00

Кажется, это не проблема fullcalendar, я использую ваши настройки и успешно создаю таблицу. Можете ли вы опубликовать свой JS-код?

MT-FreeHK 21.08.2018 09:33

@MatrixTai я получаю события и ресурсы из своего API в Vue и устанавливаю свойство для событий календаря, все работает на устройствах Android и Windows, не работает на Mac и iOS

uonic 21.08.2018 10:13
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
1
4
1 281
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я обнаружил ошибку, я получил время начала и окончания конфигурации из .toLocaleTimeString(), он вернул строки 09:00 AM и 07:00 PM, это неправильный формат для полного календаря

Другие вопросы по теме