0

我想显示来自 mysql 数据库的 json 事件。但我无法在日历中显示它。我认为事件中存在一些错误。但我不能指出。

这是我的代码：

日历.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); 
 ?>

你能帮我解决这个问题吗？？

谢谢。

4

2 回答 2

0

编辑：（新答案）

  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 循环内部。

于 2009-11-04T20:01:36.577 回答
0

如果您提供的 JSON 已经在 CalEvent 表单中，您可以只提供一个 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-15T17:33:56.070 回答