fullcalendar v3.9.0 повестка недели и повестка дня не работает - PullRequest
Новая
       69

fullcalendar v3.9.0 повестка недели и повестка дня не работает

0 голосов
/ 01 августа 2020

Я установил fullcalendar версии 3.9.0 в приложении Laravel. Просмотр месяца работает нормально, однако режим просмотра недели и дня не работает и возвращает следующие ошибки в окне консоли. 

app.js?id=8f842f64228364c4287e:26400 Uncaught TypeError: Cannot set property 'el' of undefined
    at HTMLDivElement.<anonymous> (app.js?id=8f842f64228364c4287e:26400)
    at Function.each (app.js?id=8f842f64228364c4287e:37444)
    at jQuery.fn.init.each (app.js?id=8f842f64228364c4287e:37266)
    at TimeGridEventRenderer.EventRenderer.renderFgSegEls (app.js?id=8f842f64228364c4287e:26392)
    at TimeGridEventRenderer.EventRenderer.renderFgRanges (app.js?id=8f842f64228364c4287e:26316)
    at TimeGridEventRenderer.EventRenderer.render (app.js?id=8f842f64228364c4287e:26305)
    at TimeGrid.DateComponent.executeEventRender (app.js?id=8f842f64228364c4287e:30879)
    at AgendaView.executeEventRender (app.js?id=8f842f64228364c4287e:33563)
    at Object.func (app.js?id=8f842f64228364c4287e:25763)
    at RenderQueue.runTask (app.js?id=8f842f64228364c4287e:30703)

Мой package.json Список. 

"@fortawesome/fontawesome-free": "^5.13.1",
"axios": "^0.18",
"bootstrap": "^4.5.0",
"bootstrap-datepicker": "^1.8.0",
"cross-env": "^5.1",
"datatables.net-bs4": "1.10.19",
"fullcalendar": "3.9.0",
"jquery": "^3.2",
"jquery-toast-plugin": "^1.3.2",
"laravel-mix": "^4.0.7",
"lodash": "^4.17.5",
"moment": "^2.23.0",
"moment-duration-format": "^2.3.2",
"popper.js": "^1.12",
"resolve-url-loader": "^2.3.1",
"sass": "^1.15.2",
"sass-loader": "^7.1.0",
"vue": "^2.5.17",
"vue-template-compiler": "^2.6.11"

The функция для запуска функции календаря: - 

init: function (target, eventUrl, eventParams) {
        var target = $(target);
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        target.fullCalendar({
            columnHeaderFormat: 'ddd D/M',
            themeSystem: 'bootstrap4',
            
            header: {
                left: 'prev,next,today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            
            contentHeight: 'auto',
            defaultView: 'month',
            firstDay: 1,
            editable: false,
            droppable: false,
            allDaySlot: false,
            displayEventTime: true,
            timeFormat: 'H:mm',
            defaultTimedEventDuration: '00:10:00',
            slotDuration: '00:10:00',
            snapDuration: '00:10:00',
            forceEventDuration: true,
            minTime: '08:00:00',
            maxTime: '20:00:00',
            
            events: {
                url: eventUrl,
                data: eventParams
            }
        });
    },
...