2012-11-24 35 views
2

我想下面的代碼.. 整合fullcalendar: -無法餵飽日曆JSON事件

<doctype! html> 
    <html lang="urf-8"> 
    <head> 
    <title>Full calendar</title> 
    <link rel="stylesheet" href="fullcalendar.css"/> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css"/> 
    <script type='text/javascript' src='jquery.js'></script> 
    <script type='text/javascript' src='fullcalendar.js'></script> 
    <script> 
    $(document).ready(function() { 
     $('#cal').fullCalendar({ 
      // put your options and callbacks here 
      theme: true, 
      header: { 
        left: 'prev,next today', 
        center: 'title', 
        right: 'month,basicWeek,basicDay,agendaWeek,agendaDay' 
        }, 
      editable: false, 
      events: "json-events.php", 
    }) 
    }); 

    </script> 
    </head> 
    <body> 
     <div id="cal" ></div> 
    </body> 
    </html> 

JSON-events.php代碼: -

<?php 
    include("connect.php"); 
    $query = "select * from calendar"; 

    $res = mysql_query($query) or die(mysql_error()); 
    $events = array(); 
    while ($row = mysql_fetch_assoc($res)) { 
     $eventsArray['id'] = $row['calendar_id']; 
     $eventsArray['title'] = $row['subject']; 
     $eventsArray['start'] = mktime($row['start_date_time']); 
     $events[] = $eventsArray; 
    } 
    echo json_encode($events); 
    ?> 

對於調試時,我訪問json-events.php我得到的結果,但沒有事件顯示在fullcalendar。

請幫我..

+0

檢查瀏覽器控制檯中的AJAX請求以查看它是否正在生成,同時查看是否有任何錯誤拋出 – charlietfl

+0

也是適用於'mktime()'的日期格式? ...似乎不尋常的格式來存儲日期 – charlietfl

+0

@charlietfl是否需要檢查天氣阿賈克斯呼叫正在發生?如果這是你的第一條評論,那麼我在其他例子中使用ajax工作正常..即使我刪除該mktime()事件不會呈現 – Raghuveer

回答

4

問題在於你的日期字符串格式在JSON中。格式與插件的日期格式不兼容。如果你在php中使用strtotime()轉換爲UNIX時間戳,他們將會工作。