活動以全日歷顯示
[英]Event displaying in fullcalendar
問題描述
我想從mysql數據庫顯示json事件。 但是我無法在日歷中顯示它。 我認為事件中有一些錯誤。 但我無法指出。
這是我的代碼：
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);
?>
您能幫我解決這個問題嗎？
謝謝。
2 個解決方案
解決方案1
0 2009-11-04 20:01:36
編輯：（新答案）
for(var i=0; i<result.length; i++){
var row = result[i];
}
上面循環中的表達式將在循環的每次迭代中覆蓋row 。 因此，稍后當您調用row [0]，row [1]等時，實際上並沒有從中獲得數組，除非最后一個result [i]實際上是一個數組（如果是這樣，循環是不必要的）
我無法為您提供100％的答案，但這應該可以為您提供正確的方向。
更新：我看起來有點難，看來您需要移動這條線：
$('#calendar').fullCalendar('addEvent', {id:row[0], title:row[1], start:row[2], end:row[3]} );
在for循環中。
解決方案2
0 2010-01-15 17:33:56
如果要提供已經以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返回的字符串。
FullCalendar不顯示日歷
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.