Uncaught TypeError: Невозможно прочитать свойство 'top' из null в fullCalendar

Question

Для fullCalendar я написал следующий код:

$('#mycalendar').fullCalendar(
            {
                allDaySlot:false,
                slotDuration: '00:30:00' ,  
                //slotMinutes: '120',           
                lang: currentLangCode,
                minTime: '4:00am',
                maxTime: '24:00pm',
                slotEventOverlap: true,
                slotLabelFormat:'h(:mm)a',
                showAgendaButton: true,
                columnFormat: { month: 'ddd', week: 'ddd M/D', day: 'ddd M/D' },
                timeFormat: 'H:mm',
                defaultView: 'listWeek',
                eventLimit: true,
                theme:false,
                editable: true,
                contentHeight:'auto',
                weekends: false ,
                //timezoneParam: 'America/Los_Angeles',
                //ignoreTimezone: false,
                header:
                {
                    left: 'prev,next today',
                    center: 'title',
                    // right: 'agendaWeek'
                    right: 'month,agendaWeek,agendaDay,listWeek'
                },
                views: {
                    listDay: { buttonText: 'Day' },
                    listWeek: { buttonText: 'Week' },
                    month: {
                        columnFormat: 'ddd'
                    },
                    agenda: {
                        columnFormat: 'ddd'
                    }
                },

Я получаю сообщение об ошибке для повестки дня недели и дня недели:

Я использую:

jQuery JavaScript Library v3.3.1 FullCalendar v3.9.0

Answer 1

Это потому, что ваши значения для minTime и maxTime недопустимы и не могут быть проанализированы как объекты momentJS. fullCalendar полагается на momentJS для обработки даты и времени. Из-за этого календарь не знает, с чего начать отображение (и, следовательно, где находится «верх» календаря, отсюда и сообщение об ошибке).

Установите их на

minTime: '04:00',
maxTime: '24:00',

вместо.

Смотрите здесь для рабочего демо: http://jsfiddle.net/sbxpv25p/581/

См. http://momentjs.com/docs/#/parsing/string/ для получения списка допустимых форматов даты / времени, которые может распознавать моментJS. Вы увидите, что «am» и «pm» не распознаны. В любом случае они также не нужны, поскольку вы уже указываете время в 24-часовом формате.