日历从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>