-
首先,在您的视图文件中包含FullCalendar相关的CSS和JS文件。
-
在控制器中,使用CI的模型获取数据库中存储的事件,并将它们输出为JSON格式。这可以使用以下代码完成:
public function get_events()
{
$this->load->model('events_model');
$events = $this->events_model->get_events();
$output = array();
foreach($events->result() as $row)
{
$output[] = array(
'title' => $row->event_title,
'start' => $row->event_date
);
}
echo json_encode($output);
}
- 在视图文件中,将FullCalendar初始化为:
$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
editable: true,
events: '<?php echo site_url("calendar/get_events"); ?>'
});
请注意,这里“events”选项使用CI生成的URL作为其值。这导致FullCalendar向控制器中的“get_events”函数发送AJAX请求以获取事件。
- 最后,在数据库中添加事件并刷新完整日历页面。此时,您将看到添加的事件在FullCalendar中实时加载。
希望这可以帮助您将FullCalendar与CodeIgniter 3一起使用,并实现事件实时刷新的功能。