日曆從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>