Php 在FullCalendar 4中显示我的数据库中的事件
我正在尝试从Laravel 5.2应用程序的fullcalendar 4页面上的MySQL数据库导入数据 我的文件Calendar.js:Php 在FullCalendar 4中显示我的数据库中的事件,php,json,laravel,fullcalendar,fullcalendar-4,Php,Json,Laravel,Fullcalendar,Fullcalendar 4,我正在尝试从Laravel 5.2应用程序的fullcalendar 4页面上的MySQL数据库导入数据 我的文件Calendar.js: import { Calendar } from '@fullcalendar/core'; import interactionPlugin from '@fullcalendar/interaction'; import dayGridPlugin from '@fullcalendar/daygrid'; import timeGridPlugin f
import { Calendar } from '@fullcalendar/core';
import interactionPlugin from '@fullcalendar/interaction';
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import frLocale from '@fullcalendar/core/locales/fr';
import bootstrapPlugin from '@fullcalendar/bootstrap';
document.addEventListener('DOMContentLoaded', function () {
var calendarEl = document.getElementById('calendar');
var calendar = new Calendar(calendarEl, {
plugins: [interactionPlugin, dayGridPlugin, timeGridPlugin, bootstrapPlugin],
// height: 'parent',
aspectRatio: 1.5,
themeSystem: 'bootstrap',
locale: frLocale,
header: {
left: 'prev,next today',
center: 'title',
right: 'dayGridMonth,timeGridWeek,timeGridDay'
},
navLinks: true, // can click day/week names to navigate views
editable: true,
eventLimit: true,// allow "more" link when too many events
events: 'getEvents',
});
calendar.render();
});
此处显示控制器页面事件控制器中的函数:
public function index(Request $request)
{
return view('front.events');
}
public function getEvents()
{
$getEvents = Events::select('coach_id', 'start_date', 'end_date')->get();
$events = [];
foreach ($getEvents as $values) {
$start_date_format = \DateTime::createFromFormat('Y-m-d h:i:s', $values->start_date);
$end_date_format = \DateTime::createFromFormat('Y-m-d h:i:s', $values->end_date);
$events ['title'] = $values->coach_id;
$events ['start'] = $start_date_format->format('c');
$events ['end'] = $end_date_format->format('c');
}
return $events;
}
日历页的路由部分:
Route::get('/events', 'EventsController@index')->name('events.index');
Route::get('/getEvents', 'EventsController@getEvents')->name('events.getEvents');
这里是view events.twig:
{% extends 'front.layouts.main' %} {% set user = auth_user() %}
{% block css %}
<link href='https://use.fontawesome.com/releases/v5.0.6/css/all.css' rel='stylesheet'>
{% endblock %}
{% set user = auth_user() %} {% block content %}
<div class="container mb-5">
<div class="response"></div>
<div id='calendar'></div>
</div>
{% endblock %}
{% block js %}
<script src="{{ asset('js/calendar.js') }}"></script>
{% endblock %}
我用JSON lint验证了它。即使只有一个事件,它也必须位于数组中,fullCalendar才能识别它,例如
[{"title":4,"start":"2019-10-23T11:00:00+00:00","end":"2019-10-23T12:00:00+00:00"}]
但是我认为PHP的逻辑是错误的——它看起来会循环所有事件,但会继续用循环中下一个事件的值覆盖$events
变量的属性。因此,即使数据库中有100个事件,它也总是只输出一个,并且当序列化为JSON时,它总是一个对象(而不是一个数组)。我想你需要这样改变它:
public function getEvents()
{
$getEvents = Events::select('coach_id', 'start_date', 'end_date')->get();
$events = [];
foreach ($getEvents as $values) {
$start_date_format = \DateTime::createFromFormat('Y-m-d h:i:s', $values->start_date);
$end_date_format = \DateTime::createFromFormat('Y-m-d h:i:s', $values->end_date);
$event = [];
$event['title'] = $values->coach_id;
$event['start'] = $start_date_format->format('c');
$event['end'] = $end_date_format->format('c');
$events[] = $event;
}
return $events;
}
这将在
$event
中为数据库中的每个记录创建一个事件,然后在创建后将该新事件记录添加到整个$events
列表中。我们可以查看事件的示例吗?而且,您是否在浏览器的控制台中看到任何错误?或者网络视图中的Ajax错误?我的JSON是这样的:{“title”:4,“start”:“2019-10-23T11:00:00+00:00”,“end”:“2019-10-23T12:00:00+00:00”}我用JSON lint验证了它。就这些吗?即使只有一个事件,它也必须位于数组中,fullCalendar才能识别它,例如[{“title”:4,“start”:“2019-10-23T11:00:00+00:00”,“end”:“2019-10-23T12:00:00+00:00”}]
您尝试调试该问题的原因是什么?您可以首先使用静态JSON数组来检查它是否有效——以区分JS代码中的错误或PHP生成的动态JSON数组中的错误output@Malkom那实际上会暴露出一个更大的问题,但你没有抓住我的重点。即使数据库中只有一个事件,您仍然必须向fullCalendar返回一个数组。请参阅下面我的答案,了解我为什么认为您有问题,以及如何解决它。好的,您是对的!!在使用2个事件进行测试之后,我只使用了最后一个muy JSON。所以你的解决方案就是工作!!谢谢你@ADyson。。。非常喜欢;)
public function getEvents()
{
$getEvents = Events::select('coach_id', 'start_date', 'end_date')->get();
$events = [];
foreach ($getEvents as $values) {
$start_date_format = \DateTime::createFromFormat('Y-m-d h:i:s', $values->start_date);
$end_date_format = \DateTime::createFromFormat('Y-m-d h:i:s', $values->end_date);
$event = [];
$event['title'] = $values->coach_id;
$event['start'] = $start_date_format->format('c');
$event['end'] = $end_date_format->format('c');
$events[] = $event;
}
return $events;
}