FullCalendar TypeError:$(...).fullCalendar不是一个函数

Question

我试图把fullCalendar 2.1.1,但它没有工作......

<link href='/css/fullcalendar.css' rel='stylesheet' />
<link href='/css/fullcalendar.min.css' rel='stylesheet' />
<link href='/css/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='/js/moment.min.js'></script>
<script src='/js/jquery.min.js'></script>
<script src='/js/fullcalendar.min.js'></script>
<script src="/js/jquery-ui.custom.min.js"></script>
<script>
  $(document).ready(function() {
    $('#calendar').fullCalendar({
      defaultDate: '2014-09-12',
      editable: true,
      eventLimit: true, // allow "more" link when too many events               
    });

  });
</script>

但当我去尝试打开它我得到这个错误

SyntaxError:missing)在参数列表..."'"之后.替换(/"/ g,""").replace(/ \n/g,"")}函数P(t){returnt.replace(/

TypeError:$(...).fullCalendar不是函数
eventLimit:true,//当太多事件时允许"更多"链接

有人能帮我吗？我遵循基本用法文档,但它仍然无法正常工作.

Answer 1

我认为你有问题js尝试下面的网址,它可以解决你的问题,

<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/moment.min.js'></script>
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery.min.js'></script>
<script src="http://fullcalendar.io/js/fullcalendar-2.1.1/lib/jquery-ui.custom.min.js"></script>
<script src='http://fullcalendar.io/js/fullcalendar-2.1.1/fullcalendar.min.js'></script>
<script>
    $(document).ready(function() {
        $('#calendar').fullCalendar({
            defaultDate: '2014-09-12',
            editable: true,
            eventLimit: true, // allow "more" link when too many events
        });
    });
</script>

如果以上代码有效,则下载脚本标记中使用的js文件

Answer 2

我也有同样的问题,这是因为在html jquery文件中加载了两次因此它给了我错误.可能对你有所帮助.

Answer 3

我只是改变了脚本的顺序解决了这个问题.你必须设置: moment.min.js看完之后jquery.min.js:

<script src='/js/jquery.min.js'></script>
<script src='/js/moment.min.js'></script>
<script src='/js/fullcalendar.min.js'></script>

Answer 4

对于遇到此问题的任何人，只有一种解决方案适合我。我正在使用 webpack 编译我的脚本，但无论我require('fullcalendar')在 main.js 文件中放置了什么顺序，都没有任何效果。

我不得不降级到 version 3.4.0。它立即解决了问题。

npm install --save fullcalendar@3.4.0