2012-11-24 30 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时间戳,他们将会工作。