FullCalendar 不显示来自 JSON 事件的时间答案

【问题标题】：FullCalendar not displaying time from JSON eventsFullCalendar 不显示来自 JSON 事件的时间
【发布时间】：2011-02-21 01:52:01
【问题描述】：

使用 FullCalendar (http://arshaw.com/fullcalendar/) 通过 JSON 从 MySQL 数据库表中提取事件。事件显示在日历中，但由于某种原因，它忽略了事件的时间（小时、分钟、秒）。这是日历页面中的 Javascript -

<script type='text/javascript'>
$(document).ready(function() {
  $('#calendar').fullCalendar({
    editable: false,
    events: "json-events.php",

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

    loading: function(bool) {
      if (bool) $('#loading').show();
      else $('#loading').hide();
    }
  });
});
</script>

和我的 JSON PHP 文件（请注意，我包括了日期之后的时间，目前该字段仅设置为 DATE）：

<?php
include $_SERVER['DOCUMENT_ROOT'] . '/includes/pdo_conn.inc.php';
$getEventsSQL = $db->query("SELECT id, title, date_start AS start, date_end AS end FROM training");

$events = array();
while ($row = $getEventsSQL->fetch()) {
    $start = $row['start'];
    $end = $row['end'];
    $title = $row['title'];
    $eventsArray['id'] =  $row['id'];
    $eventsArray['title'] = $title;
    $eventsArray['start'] = $start . " 13:00:00";
    $eventsArray['end'] = $end . " 14:00:00";
    $eventsArray['url'] = "http://somewhere.org";
    $events[] = $eventsArray;
}


echo json_encode($events);
?>

以上输出：

[{
  "id": "13",
  "title": "Test 1",
  "start": "2010-05-18 13:00:00",
  "end": "0000-00-00 14:00:00",
  "url": "http:\/\/tapp-essexvfd.org"
}, {
  "id": "14",
  "title": "Test 2",
  "start": "2010-06-18 13:00:00",
  "end": "2010-06-19 14:00:00",
  "url": "http:\/\/tapp-essexvfd.org"
}, {
  "id": "15",
  "title": "Test 3",
  "start": "2010-06-18 13:00:00",
  "end": "0000-00-00 14:00:00",
  "url": "http:\/\/somewhere.org"
}, {
  "id": "16",
  "title": "test4",
  "start": "2010-05-03 13:00:00",
  "end": "0000-00-00 14:00:00",
  "url": "http:\/\/somewhere.org"
}]

谢谢！

编辑

这是修改后的 PHP 以反映公认的解决方案。谢谢！

    <?php
include $_SERVER['DOCUMENT_ROOT'] . '/includes/pdo_conn.inc.php';
$getEventsSQL = $db->query("SELECT id, title, date_start AS start, time FROM events WHERE date_start >= NOW() AND status = 1");

$events = array();
while ($row = $getEventsSQL->fetch()) {
    $start = $row['start'];
    $title = $row['title'];
    $eventsArray['id'] =  $row['id'];
    $eventsArray['title'] = $title;
    $eventsArray['start'] = $start . " " . $row['time'];
    $eventsArray['end'] = $end;
    $eventsArray['url'] = "#";
    $eventsArray['allDay'] = false;
    $events[] = $eventsArray;
}


echo json_encode($events);
?>

【问题讨论】：

感谢分享对我有帮助的问题，谢谢
晚安，能否给我一张你的数据库的快照，看看我应该如何根据你的代码来设计它。

标签： php json fullcalendar

【解决方案1】：

尝试将 'allDay': false 添加到您的 json。我遇到了同样的问题，具体请参阅“allDay”文档：

不要在你的真/假周围加上引号。这个值不是字符串！

在为事件或事件源指定事件对象时，省略此属性将使其继承自 allDayDefault，通常为 false。

但是，'allDayDefault' 默认为 true?!?

http://arshaw.com/fullcalendar/docs/event_data/Event_Object/

http://arshaw.com/fullcalendar/docs/event_data/allDayDefault/

【讨论】：

谢谢，成功了！抱歉，花了这么长时间才接受您的解决方案，走偏了。如果您有兴趣，请参阅我修改后的 PHP 的编辑。 :)
两年半后，您的评论解决了我的问题。也就是说，TrueFalse 不是字符串的事实。谢谢:)

【解决方案2】：

创建日历时可以将allDayDefault设置为false：

$('#calendar').fullCalendar({
   allDayDefault: false,
   event: ...
});

【讨论】：

【解决方案3】：

日期中的破折号无效。而不是：

[{"id":"10", "title":"Urlaub", "start":"2010-11-24T07:30:00+01:00", 
  "end":"2010-11-24T16:15:00+01:00", "allDay":false}]

应该是：

[{"id":"10", "title":"Urlaub", "start":"2010 11 24 07:30:00+01:00",
  "end":"2010 11 24 16:15:00+01:00", "allDay":false}]

【讨论】：