FullCalendar TypeError: $(...). FullCalendar не является функцией

Я пытался поставить 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 ) after argument list ..."'").replace(/"/g,""").replace(/\n/g,"")}function P(t){returnt.replace(/


TypeError: $(...).fullCalendar is not a function    
eventLimit: true, // allow "more" link when too many events

Я следовал базовой документации по использованию, но она все еще не работает.

Ответ 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, используемые в теге script

Ответ 2

У меня тоже была такая же проблема, и это было потому, что файл jQuery HTML загружался дважды, поэтому он выдавал ошибку.

Ответ 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>

Ответ 4

Если вы используете синтаксис ES6, просто добавьте это в начале вашего файла:

import "fullcalendar";