Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 完整日历不是功能CDN_Javascript_Html_Model View Controller_Fullcalendar - Fatal编程技术网

Javascript 完整日历不是功能CDN

Javascript 完整日历不是功能CDN,javascript,html,model-view-controller,fullcalendar,Javascript,Html,Model View Controller,Fullcalendar,目前在我的项目中,我正在尝试在我的页面上实现完整的日历。然而,使用CDN的在线文章并不多,但是我在项目中经常提到libman,所以我更喜欢使用CDN 当前的问题是在DOM中标记fullCalendar在启用时未定义 LAYOUT.CSHTML <script src="~/lib/jquery/dist/jquery.min.js"></script> <script src="~/lib/bootstrap/dist/js/bootstrap.bu

目前在我的项目中,我正在尝试在我的页面上实现完整的日历。然而,使用CDN的在线文章并不多,但是我在项目中经常提到libman,所以我更喜欢使用CDN

当前的问题是在DOM中标记fullCalendar在启用时未定义

LAYOUT.CSHTML

    <script src="~/lib/jquery/dist/jquery.min.js"></script>
    <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
    <script src="~/lib/fullcalendar/core/main.js"></script>

    <script src="~/js/site.js" asp-append-version="true"></script>

INDEX.HTML

<div class="shadow-lg content-card bg-white rounded text-center">

    <div id='calendar'></div>

</div>

@section scripts{
    <script>
    $(document).ready(function() {
        $('#calendar').fullCalendar({
            defaultDate: '2014-09-12',
            editable: true,
            eventLimit: true, // allow "more" link when too many events
        });
    });
    </script>
}

@节脚本{
$(文档).ready(函数(){
$(“#日历”).fullCalendar({
默认日期:“2014-09-12”,
是的,
eventLimit:true,//当事件太多时允许“更多”链接
});
});
}

我发现解决方案是您必须使用库中的更多文件。如果其他人有困难,请参考页面提供的示例,因为网站上的入门代码很差,并且没有提供足够的安装支持。

该语法适用于fullCalendar版本3。您正在使用版本4,或者至少看起来是这样(从对“core”和“main.js”的引用)。请参阅(和/或fullCalendar文档中从不同位置链接的任何CodePen演示)以查看v4的正确语法-还请注意它至少需要哪些其他文件和设置才能工作。另外,我想你是在一些旧的教程或论坛帖子上找到了这个例子,并且没有参考官方文档就使用了它?