FullCalendar v5 - TypeError: $(...).fullCalendar 不是函数答案

【问题标题】：FullCalendar v5 - TypeError: $(...).fullCalendar is not a functionFullCalendar v5 - TypeError: $(...).fullCalendar 不是函数
【发布时间】：2021-07-05 09:09:46
【问题描述】：

我正在使用 FullCalendar 5.5.1 问题是它显示不正确，我不断收到此错误： TypeError: $(...).fullCalendar 不是函数

这是我的代码：

$(document).ready(function () {
    InitializeCalendar();
});

function InitializeCalendar() {
    try {
        $('#calendar').fullCalendar({
            timezone: false,
            header: {
                left: 'prev,next,today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            selectable: true,
            editable: false
        });
    }
    catch (e) {
        alert(e);
    }
}

以下是参考资料：

<script type="text/javascript" src="~/lib/select2/js/select2.full.min.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/qtip2/3.0.3/jquery.qtip.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/combine/npm/fullcalendar@5.5.1"></script>
<script src="https://kendo.cdn.telerik.com/2020.2.513/js/kendo.all.min.js"></script>
<script type="text/javascript" src="~/js/notify.min.js"></script>
<script src="~/js/script-custom-calendar.js"></script>

我正在学习一个教程，这对他有用。我不知道为什么对我不起作用。这是原始项目： https://github.com/bhrugen/appointmentscheduler

【问题讨论】：

标签： javascript fullcalendar fullcalendar-5

【解决方案1】：

自 FullCalendar 第 4 版以来，这不是初始化日历的方式。在此处查看更改：https://fullcalendar.io/docs/v4/upgrading-from-v3

重大变化：

删除 jQuery 作为依赖项。因此：原始 DOM 节点是不再用于代替 jQuery 对象日历初始化通过 jQuery 方法发生。

在此处查看如何以 v5 方式进行操作：https://fullcalendar.io/docs/initialize-globals

【讨论】：