Question

我正在尝试使用fullcalendar并且它不断抛出此错误。我包含了所有必需的文件：

<link rel="stylesheet" href="css/fullcalendar.css">
<link rel="stylesheet" href="css/fullcalendar.min.css">
<script type="text/javascript" src="js/fullcalendar.min.js"></script>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script>

为了显示日历，我在JSP文件中编写了以下代码。

   <div id="calendar"></div>
    <script type="text/javascript">
$(function(){
 calendarEvent();
});

function calendarEvent(eventData){
 $("#calender").html("");
 var date = new Date();
 var d = date.getDate();
 var m = date.getMonth();
 var y = date.getFullYear();
 var calendar = $('#calender').fullCalendar({
  header: {
   left: "",
   center: "title",
//    right: "month,basicWeek,basicDay"
   right: "today prev,next"
   },
   editable: true,
   titleFormat: {
   month: "yyyy년 MMMM",
   week: "[yyyy] MMM dd일{ [yyyy] MMM dd일}",
   day: "yyyy년 MMM d일 dddd"
   },
   allDayDefault: false,
   defaultView: "month",
   editable: false,
   monthNames: ["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],
   monthNamesShort: ["1월","2월","3월","4월","5월","6월","7월","8월","9월","10월","11월","12월"],
   dayNames: ["日","月","火","水","木","金","土"],
   dayNamesShort: ["日","月","火","水","木","金","土"],
   buttonText: {
   today : "오늘",
   month : "월별",
   week : "주별",
   day : "일별",
   },
   events : eventData,
   timeFormat : "HH:mm",
 });
</script>

但是，不显示日历并发生错误。

错误代码是：

Uncaught TypeError: Cannot read property 'localeData' of undefined
at s (fullcalendar.min.js:1)
at i (fullcalendar.min.js:1)
at Object.defineProperty.value (fullcalendar.min.js:1)
at e (fullcalendar.min.js:1)
at Object.defineProperty.value (fullcalendar.min.js:6)
at e (fullcalendar.min.js:1)
at Object.defineProperty.value (fullcalendar.min.js:4)
at e (fullcalendar.min.js:1)
at Object.defineProperty.value (fullcalendar.min.js:6)
at e (fullcalendar.min.js:1)

为什么会出现此错误？ jQuery作为初学者，我有很多问题。

请告诉我解决方案。

Answer 1

未捕获的TypeError：无法读取未定义的属性“localeData”

请切换导入的顺序。在加载fullcalendar之前尝试加载jquery和moment。

Answer 2

您是否尝试首先在html <script>标记上加载jquery？

<link rel="stylesheet" href="css/fullcalendar.css">
<link rel="stylesheet" href="css/fullcalendar.min.css">
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.js"></script>
<script type="text/javascript" src="js/fullcalendar.min.js"></script>

为什么不显示jQuery fullCalendar？

2 个答案: