ReferenceError: FullCalendar не определен - PullRequest
Новая
       39

ReferenceError: FullCalendar не определен

1 голос
/ 05 февраля 2020

Я пытался реализовать fullcalendar сейчас, используя пример, приведенный в документации. Когда я пытаюсь запустить его, я получаю эту ошибку:

ReferenceError: FullCalendar не определен

Я знаю, что означает это сообщение, но где и как у меня чтобы определить это? 

document.addEventListener('DOMContentLoaded', function() {

  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl, {
    plugins: [ 'dayGrid', 'list', 'googleCalendar' ],
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'dayGridMonth,listYear'
    },

    displayEventTime: false, // don't show the time column in list view

    googleCalendarApiKey: 'AIzaSyDU6o_4vQlJbLRI8Tb3TCnCRGi2GsiB***',

    // US Holidays
    events: 'en.usa#holiday@group.v.calendar.google.com',

    eventClick: function(arg) {

      // opens events in a popup window
      window.open(arg.event.url, '_blank', 'width=700,height=600');

      // prevents current tab from navigating
      arg.jsEvent.preventDefault();
    }

  });

  calendar.render(); });

Мне 16 лет, и поэтому я немного неопытен. Поэтому, если этот вопрос кажется слишком простым, извините. Спасибо за вашу помощь.

1 Ответ

1 голос
/ 05 февраля 2020

Я думаю, вы не импортировали исходные файлы FullCalendar, чтобы заставить его работать. Или неверный путь к файлам css или js. Я сделал это на моей стороне, и это работает так: 

<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='utf-8' />

    <link href='core/main.css' rel='stylesheet' />
    <link href='daygrid/main.css' rel='stylesheet' />

    <script src='core/main.js'></script>
    <script src='daygrid/main.js'></script>

    <script>

      document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');

        var calendar = new FullCalendar.Calendar(calendarEl, {
          plugins: [ 'dayGrid' ]
        });

        calendar.render();
      });

    </script>
  </head>
  <body>

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

  </body>
</html>

Мой html файл находится в fullcalendar/packages из Начало работы , вы можете найти zip-файл с все источники здесь: FullCalendar

Вы все еще можете найти CDN FullCalendar на этой странице: Пряжа ( Пример cdn )

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...