未捕获的参考错误：日历未在 laravel 中定义

Question

i'm working on laravel project, and i'm trying to install the FullCalendar in my app at first it was working but now i got this error: Uncaught ReferenceError: Calendar is not defined我正在处理 laravel 项目，我正在尝试在我的应用程序中安装 FullCalendar，起初它正在工作，但现在我收到此错误：未捕获的 ReferenceError：未定义日历

This is the view of the calendar:这是日历的视图：

<script>
document.addEventListener('DOMContentLoaded', function () {
            var calendarEl = document.getElementById('calendar');
            var calendar = new Calendar(calendarEl, {
  headerToolbar: {
    center: 'dayGridMonth,timeGridFourDay' // buttons for switching between views
  },
  views: {
    timeGridFourDay: {
      type: 'timeGrid',
      duration: { days: 4 },
      buttonText: '4 day'
    }
  }
});
              console.log(new Date(info.event.start).toLocaleDateString());
                     calendar.render();
            @foreach($calendar->monday as $ja)
            calendar.addEvent({
                title:"{{$ja}}",
                daysOfWeek: [ '1' ]
            });
            @endforeach
            
            @foreach($calendar->tuesday as $ja)
            calendar.addEvent({
                title:"{{$ja}}",
                daysOfWeek: [ '2' ]
              });
            @endforeach
            @foreach($calendar->wednesday as $ja)
            calendar.addEvent({
                title:"{{$ja}}",
                daysOfWeek: [ '3' ]
            });
            @endforeach
            @foreach($calendar->thursday as $ja)
            calendar.addEvent({
                title:"{{$ja}}",
                daysOfWeek: [ '4' ]
            });
            @endforeach
            @foreach($calendar->friday as $ja)
            calendar.addEvent({
                title:"{{$ja}}",
                daysOfWeek: [ '5' ]
            });
            @endforeach
            @foreach($calendar->saturday as $ja)
            calendar.addEvent({
                title:"{{$ja}}",
                daysOfWeek: [ '6' ]
            });
            @endforeach
        }); 
      })

the links witch contains the fullcalendar:链接女巫包含 fullcalendar：

    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.0.0/main.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/fullcalendar@5.0.0/main.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/fullcalendar@5.0.0/main.css" rel='stylesheet' />

Answer 1

As described here .如此处所述。 new Calendar should be new FullCalendar.Calendar . new Calendar应该是new FullCalendar.Calendar 。

<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='utf-8' />
    <link href='fullcalendar/main.css' rel='stylesheet' />
    <script src='fullcalendar/main.js'></script>
    <script>

      document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
        var calendar = new FullCalendar.Calendar(calendarEl, {
          initialView: 'dayGridMonth'
        });
        calendar.render();
      });

    </script>
  </head>
  <body>
    <div id='calendar'></div>
  </body>
</html>

未捕获的参考错误：日历未在 laravel 中定义

问题描述

1 个解决方案

解决方案1
3 已采纳 2020-06-23 15:34:45

未捕获的参考错误：日历未在 laravel 中定义

问题描述

1 个解决方案

解决方案1 3 已采纳 2020-06-23 15:34:45

解决方案1
3 已采纳 2020-06-23 15:34:45