FullCalendar 错误:未捕获的 TypeError:calendar.fullCalendar 不是函数

时间:2021-04-21 15:07:40

标签: javascript jquery fullcalendar

当我想在 fullcalendar 上添加事件时出现错误,我的代码是正确的,因为控制台检测到我点击它的那一天。

我查看了处理相同错误的主题,但没有一个主题允许我解决此错误。

除非发生错误: console

这是我的代码:

    $(document).ready(function() {
        $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
            locale: 'fr',
            editable: true,
            eventRender: function(event, element, view) {
                if (event.allDay === 'true') {
                    event.allDay = true;
                } else {
                    event.allDay = false;
                }
            },
            events: 'http://127.0.0.1:8000/calendar',
            displayEventTime: false,
            selectable: true,
            selectHelper: true,
            select: function(start, end, allDay) {
                var title = prompt('Nom événement :');
                if (title) {
                    var start = new Date().toISOString().slice(0, 10);
                    var end = new Date().toISOString().slice(0, 10);
                    $.ajax({
                        url: 'http://127.0.0.1:8000/calendarAjax',
                        data: {
                            title: title,
                            start: start,
                            end: end,
                            type: 'add',
                        },
                        type: 'POST',
                        success: function(donnees) {
                            calendar.fullCalendar('renderEvent', {
                                id: donnees.id,
                                title: title,
                                start: start,
                                end: end,
                                allDay: allDay
                            }, true);
                            calendar.fullCalendar('unselect');
                        }
                    });
                }
            },
        });
        calendar.on('dateClick', function(info) {
            console.log('clicked on ' + info.dateStr);
        });
        calendar.render();
    });
</script>

谢谢。

0 个答案:

没有答案