Json URL数据->;没有错误,但没有显示事件

Json URL数据->;没有错误,但没有显示事件,json,fullcalendar,fullcalendar-5,Json,Fullcalendar,Fullcalendar 5,我不知道我做错了什么。尝试通过Json格式的URL加载FullCalendar中的事件。见下文[1]。这是HTML[2]中的代码。 没有显示任何事件。URL正在工作,并且在控制台窗口中没有错误。 有什么问题吗?一些人提到缺少标题信息可能是不出现的原因。但标题是有定义的 [1] [2] document.addEventListener('DOMContentLoaded',function(){ var calendarEl=document.getElementById('calendar'

我不知道我做错了什么。尝试通过Json格式的URL加载FullCalendar中的事件。见下文[1]。这是HTML[2]中的代码。 没有显示任何事件。URL正在工作,并且在控制台窗口中没有错误。 有什么问题吗?一些人提到缺少标题信息可能是不出现的原因。但标题是有定义的

[1]

[2]


document.addEventListener('DOMContentLoaded',function(){
var calendarEl=document.getElementById('calendar');
var calendar=新的完整日历。日历(calendarEl{
initialView:'listMonth',
事件:“数据/索引”,
地区:'de'
});
calendar.render();
});

服务器返回的JSON事件数据必须只是数组,没有外部对象包装器-fullCalendar不知道在对象内部的何处查找它需要的数组。您必须直接提供阵列

使用示例数据,来自服务器的JSON响应应该如下所示:

[
    {
      "title": "Event 1",
      "start": "2020-11-24T09:00:00",
      "end": "2020-11-24T10:00:00"
    },
    {
      "title": "Event 2",
      "start": "2020-11-02T14:00:00",
      "end": "2020-11-02T15:00:00"
    }
]
<head>
    <meta charset='utf-8' />
    <link href='js/fullcal/main.css' rel='stylesheet' />
    <script src='js/fullcal/main.js'></script>
    <script>

      document.addEventListener('DOMContentLoaded', function() {
        var calendarEl = document.getElementById('calendar');
          var calendar = new FullCalendar.Calendar(calendarEl, {
              initialView: 'listMonth',
             events: 'data/index',
            
            locale: 'de'
        });
        calendar.render();
      });

    </script>
</head>
<body>
    <div id='calendar'></div>
</body>
[
    {
      "title": "Event 1",
      "start": "2020-11-24T09:00:00",
      "end": "2020-11-24T10:00:00"
    },
    {
      "title": "Event 2",
      "start": "2020-11-02T14:00:00",
      "end": "2020-11-02T15:00:00"
    }
]