在每个jQuery Fullcalendar框架中显示杂项Ajax数据

Question

我实际上正在使用jQuery fullCalendar作为预订系统，我正在寻找一种方法，将一些杂项信息显示在从日期（基本上是当前日期）到另一个日期日期（当前日历视图的最后一天）的每一天框架中。

更清楚地说，我的日历显示了一个月中的每一天，我想通过Ajax查询从MySQL数据库中获得一些信息，比如未来几天的空闲插槽数量等。

示例：

从2012年8月27日（今天）起，MySQL将从Ajax查询中返回当前视图从今天到最后一天每天的可用插槽数，而这仅用于每周视图。数据应在周更改时更新。

作为参考，Ajax调用返回的数据可能是受范。

任何帮助或想法都将不胜感激。

Answer 1

我终于解决了这个问题。这可能不是最好的解决方案，但它有效。。。

首先，我使用2个事件源作为日历：

eventSources: [
        "events_list.php",
        "free_slots.php"
    ]

它们都返回具有不同css属性的事件。第一个为EventType，第二个为EventInfo。我知道我本可以使用同一个文件，但由于某些原因，这是不可能的。。。

因此，第一个方法从SQL查询中检索每个事件。第二个使用jQuery fullCalendar插件使用的两个变量：

$_GET['start'];
$_GET['end'];

然后我只需要做一些计算，就可以检索这两个日期之间的所有事件以及每个日期的可用插槽数量。。。

服务器端脚本返回一个带有"className"选项的JSON数组。。。（如果需要，+可用插槽的数量（取决于使用的.php文件）

$Arrayz[] = array('className' => 'EventInfo'); echo json_encode($Arrayz);

因此，每个事件的空闲时段都像事件一样显示，但实际上并不是。。（无背景色、无边框等）

之后，我还可以使用fullCalendar插件的另一个功能，允许用户与真实事件进行交互。。。

eventClick: function(event) {
   if(event.className == 'EventType'){ etc...

可能性是无限的。。。

希望它能有所帮助。