来自MySQL数据库的日历jQuery显示事件

Question

如何在jQuery fullcalendar中显示来自MySQL数据库的事件？

我想从我的数据库中的表中显示匹配事件。

Answer 1

基于使用的框架等的细节。通常，逻辑是：

1. 从数据库中获取事件。您需要活动日期和活动名称。这是一个简单的select查询。添加其他限制条件，以获取所需的时间段。
2. 将结果转换为javascript db_events数组。

3. 遍历数组以形成必要的文字数组：

   events = [];
   for (i = 0; i < db_array.length; i++) {
     e = db_events[i]; // some calendar event
     events.push(
       {
         title: e[title_id],
         start: new Date(e[start_year_id], e[start_month_id], e[start_day_id]),
         end:   new Date(e[end_year_id], e[end_month_id], e[end_day_id]),
       });
   

4. 创建jquery日历：

-

<div id='calendar' style='margin:3em 0;font-size:13px'></div>

<script type='text/javascript'>
   $(document).ready(function() {
    $('#calendar').fullCalendar({
      header: {
        left: 'prev,next today',
        center: 'title',
        right: 'month,agendaWeek,agendaDay'
      },
      events: events
    });
  };
</script>