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