Javascript 在Fullcalendar V5上使用Ajax从数据库获取后不显示的事件
我正在尝试使用Ajax从数据库中获取事件,然后将其显示在屏幕上,我可以看到事件是从数据库返回的,而不是渲染。 这里是我迄今为止所尝试的Javascript 在Fullcalendar V5上使用Ajax从数据库获取后不显示的事件,javascript,php,fullcalendar,fullcalendar-scheduler,Javascript,Php,Fullcalendar,Fullcalendar Scheduler,我正在尝试使用Ajax从数据库中获取事件,然后将其显示在屏幕上,我可以看到事件是从数据库返回的,而不是渲染。 这里是我迄今为止所尝试的 document.addEventListener("DOMContentLoaded", function () { var calendarEl = document.getElementById('calendar'); var calendar = new FullCalendar.Calendar(calendarEl, {
document.addEventListener("DOMContentLoaded", function () {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'dayGridMonth',
headerToolbar: {
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
events: function (fetchInfo, successCallback, failureCallback) {
jQuery.ajax({
url: "/getrecords",
type: "GET",
success: function (data) {
var events = [];
for (var i = 0; i < data.event.length; i++) {
console.log(data.event[i].title); // It shows all event titles perfectly
events.push({
title: data.event[i].title,
start: data.event[i].from_data,
end: data.event[i].to_date,
});
}
console.log(events) // Here i have list of all events
successCallback(events);
},
});
},
});
calendar.render();
});
document.addEventListener(“DOMContentLoaded”,函数(){
var calendarEl=document.getElementById('calendar');
var calendar=新的完整日历。日历(calendarEl{
初始视图:“dayGridMonth”,
headerToolbar:{
中心:'标题',
右图:“dayGridMonth、timeGridWeek、timeGridDay”
},
事件:函数(fetchInfo、successCallback、failureCallback){
jQuery.ajax({
url:“/getrecords”,
键入:“获取”,
成功:功能(数据){
var事件=[];
对于(变量i=0;i
若我将静态事件放在events对象中,它可以正常工作,但在使用Ajax从数据库调用时不会进行渲染。任何帮助都将不胜感激
下面是控制台输出
我通过在项目中使用此代码实现了这一点
var calendar = new FullCalendar.Calendar(calendarEl, {
initialView: 'dayGridMonth',
headerToolbar: {
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
events: {
url: encodeURI('/getrecords'),
type: 'GET',
color: 'red', // a non-ajax option
textColor: 'white' // a non-ajax option
}
}
您尚未在活动中添加任何日期。那么,您认为日历将如何知道在哪里显示它们呢?@ADyson我已经更新了答案,我已经推送了开始和结束日期,并且可以在控制台中看到这些日期,仍然没有运气。日期需要采用fullCalendar接受的格式。请更仔细地研究文档。链接您,说明您可以使用的格式。