我的控制器:
public function eventCalender(){
$eventCalender = [
'title' => 'Matts Booking',
'start' => '2019-05-05',
];
$response = [
'eventCalender' => $eventCalender,
'status' => 1,
];
return response()->json($response);
}
我的js文件:
function getEventCalender() {
var actionurl = base_url + "/events/event-calender";
$.ajax({
type: "GET",
url: actionurl,
success: function (res) {
if (res['status'] == 1) {
$("#event-list").hide();
$("#calender-list").show();
} else {
console.log("Something went wrong!!!!");
}
},
error: function (jqXHR, exception) {
$("#errormsg").show();
}
});
}
$(document).ready(function () {
getEventCalender();
document.addEventListener('DOMContentLoaded', function () {
var calendarEl = document.getElementById('calendar');
var calendar = new FullCalendar.Calendar(calendarEl, {
plugins: ['interaction', 'dayGrid', 'list', 'googleCalendar'],
header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,listYear'
},
defaultDate: '2019-03-12',
navLinks: true,
businessHours: true,
editable: true,
event: res.eventCalender,
});
calendar.render();
});
});
所以这是我的控制器和js文件,当我从控制器获取数据时我想要的是如何在日历中打印该数据?
我正在使用fullcalendar,所以当我添加
document.addEventListener('DOMContentLoaded', function () { }
此功能仅在页面中显示我的日历。
如果我将上述功能放到功能之外,getEventCalender()
那么我的日历将显示得很好,但是当我将其放到getEventCalender()
上面所示的功能中时,它不会显示我的日历。
汪汪一只猫
相关分类