在fullcalendar中顯示的事件

我想從mysql數據庫中顯示json的事件。但我無法在日曆中顯示它。我認爲在事件中有一些錯誤。但我無法指出。在fullcalendar中顯示的事件

這裏是我的代碼：

calendar.php：

$(document).ready(function() { 

    var date = new Date(); 
    var d = date.getDate(); 
    var m = date.getMonth(); 
    var y = date.getFullYear(); 

    $('#calendar').fullCalendar({ 
    theme: true, 
    draggable: true, 
    header: { 
    left: 'prev,next today', 
    center: 'title', 
    right: 'month,agendaWeek,agendaDay' 
    }, 
    editable: true, 
    /*events: "json_events.php",*/ 
    events: function(start, end, callback){ 
    $.getJSON("json_events.php", 
    { 
     start: start.getTime(), 
     end: end.getTime() 
    }, 
    function(result){ 
     for(var i=0; i<result.length; i++){ 
     var row = result[i]; 
     } 
     //format the result into an array of calevents 
     $('#calendar').fullCalendar('addEvent', {id:row[0], title:row[1], start:row[2], end:row[3]}); 
     //then pass the calevent array to the callback 
     callback(calevents); 
    } 
    ); 
    }, 
    eventClick: function(event){ 
    editEventShow(event); 

    }, 
    eventDrop: function(event, daydelta, minutedelta) { 
    alert(event.title + ' was moved ' + daydelta + ' days\n' + minutedelta + ' minutes\n'+ 
    '(should probably update your database)'); 

    }, 
    dayClick: function(dayDate){ 
    /*$('#dialog').dialog('open'); 
    var date, month, year; 
    date = dayDate.getDate(); 
    month = dayDate.getMonth()+1; 
    year = dayDate.getFullYear(); 
    dayDate = year + "-" + month + "-" + date;*/ 
    addEventShow(dayDate, this); 

    }, 
    loading: function(bool) { 
    if (bool) $('#loading').show(); 
    else $('#loading').hide(); 
    }, 

}); 
    }); 
    </script> 
    <style type='text/css'> 

body { 
    margin-top: 40px; 
    text-align: center; 
    font-size: 13px; 
    font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif; 
    } 

#calendar { 
    width: 900px; 
    margin: 0 auto; 
    } 

</style> 
</head> 
<body> 
<div id='calendar'></div> 
</body> 
</html>

json_events.php：

<?php 
    require("../../../connect/config.php"); 

    $link = mysql_connect("$server","$user","$password") or die(mysql_error()); 
    mysql_select_db($db); 
    $query = "SELECT id,title,start, end FROM events"; 
    $result = mysql_query($query) or die(mysql_error()); 
    $arr = array(); 
    while($row = mysql_fetch_assoc($result)){ 
    $arr[] = $row; 
    } 
    echo json_encode($arr); 
?>

你能幫我這個問題？

謝謝。

來源

2009-11-04 Alex SUN

您是否將開始和結束傳遞給getJSON函數，以便您可以在SQL查詢中放入WHERE子句？我沒有看到它被使用......這僅僅是爲了舉例的目的？ – 2009-11-05 21:41:02

編輯：（新的答案）

for(var i=0; i<result.length; i++){ 
    var row = result[i]; 
    }

在上述迴路中的表達要在循環的每次迭代覆蓋row。所以後來當你調用row [0]，row [1]等時，實際上並沒有得到一個數組，除非最後的結果[i]實際上是一個數組（如果是這樣的話）循環將是不必要的）

我不能給你100％的答案，但這應該讓你在正確的方向。

更新：我看了有點困難，它看起來像你需要招行：

$('#calendar').fullCalendar('addEvent', {id:row[0], title:row[1], start:row[2], end:row[3]});

的內部進行循環。

來源

2009-11-04 20:01:36

是和不是，顯示json_events.php沒有錯誤。但我不知道在事件中格式化$ .getJSON（）的結果的正確方法。你能幫我嗎？ – 2009-11-05 16:20:54

如果您提供的是已經在CalEvent表單中的JSON，那麼您可以提供一個URL，該URL返回用您需要的信息格式化的JSON字符串 - 將其轉換爲cal事件的函數不是必需的，如圖所示在你的註釋行中。

JSONLint將幫助您弄清楚您是否擁有正確的JSON。你正在尋找的東西是：

[ 
    { 
     id: row[0], 
     title: row[1], 
     start: row[2], 
     end: row[3] 
    }, 
    { 
     ... // next event 
    }, 
]

作爲從json_event.php返回的字符串。

來源

2010-01-15 17:33:56 justkt

在fullcalendar中顯示的事件

回答

相關問題