fullcalendar 上的安装错误

Question

我正在尝试启动 fullcalendar js 运行。所有文件都已上传。就我找到的说明而言，一切都已到位。

这是我的页面标题中包含的内容：

<script type='text/javascript' src='/fullcalendar/fullcalendar.min.js'></script>
<link rel="stylesheet" href="/fullcalendar/fullcalendar.min.css">
<script type='text/javascript' src='/fullcalendar/gcal.js'></script>

<link href='/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='/fullcalendar/lib/moment.min.js'></script>

我的网站目前在其他地方使用和加载 jQuery，这就是它没有在上面列出的原因。

这是我页面上的内容：

<script type='text/javascript'>

$(document).ready(function() {
    $('#calendar').fullCalendar({
        googleCalendarApiKey: 'Ao87hfiualhisitBO_eBlaJbwtuga13IM',
        events: {
            googleCalendarId: 'kljfho2938h98fah@group.calendar.google.com'
        }
    });
});

</script>

这些是我遇到的错误：

Uncaught ReferenceError: moment is not defined
       (anonymous function) @ fullcalendar.min.js:6
       (anonymous function) @ fullcalendar.min.js:6
gcal.js:22 Uncaught TypeError: Cannot read property 'applyAll' of undefined
       (anonymous function) @ gcal.js:22
       (anonymous function) @ gcal.js:15
       (anonymous function) @ gcal.js:17
(index):328 Uncaught TypeError: $ is not a function
     (anonymous function) @ (index):328

有什么想法或建议吗？还有其他有用的信息吗？

谢谢

Answer 1

你应该在 fullcalendar.js

之前调用 moment.js

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

<script type='text/javascript' src='/fullcalendar/fullcalendar.min.js'></script>
<link rel="stylesheet" href="/fullcalendar/fullcalendar.min.css">
<script type='text/javascript' src='/fullcalendar/gcal.js'></script>
<link href='/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />

jQuery and Moment must be loaded before FullCalendar's JavaScript.

http://fullcalendar.io/docs/usage/

fullcalendar 上的安装错误

Installation errors on fullcalendar

javascript

jquery

fullcalendar

momentjs