在每个jQuery Fullcalendar框架中显示其他Ajax数据

时间:2012-08-27 17:32:20

标签: jquery ajax events fullcalendar

我实际上是在预订系统中使用jQuery fullCalendar而我正在寻找一种方法来显示从日期(基本上是当前日期)到另一天的每一天的一些杂项信息日期(当前日历视图的最后一天)。

为了更清楚,我的日历显示每个月的每一天,我想通过Ajax查询从MySQL数据库中获取一些信息,例如未来几天的免费插槽数等等......

示例:

从27-08-2012(今天)开始,MySQL将从Ajax查询返回,这是从今天到当前视图的最后一天的每天的空闲插槽数,仅适用于每周视图。当周更改时,应该更新数据。

有关信息,来自Ajax Call的返回数据可能是错误的。

非常感谢任何帮助或想法。

1 个答案:

答案 0 :(得分:0)

我最终管理来解决这个问题。它可能不是最好的解决方案,但它有效......

首先,我使用2个事件来源作为日历:

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

它们都返回不同的css属性的事件。第一个的EventType,第二个的EventInfo。我知道我可以使用相同的文件,但出于某些原因,这是不可能的......

因此,第一个从SQL查询中检索每个事件。第二个使用jQuery fullCalendar插件使用的2个变量:

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

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

服务器端脚本返回带有“className”选项的JSON数组...(如果需要,则为+空闲插槽数(取决于使用的.php文件))

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

所以每个事件的空闲插槽都像事件一样显示,但它们并不是真的..(没有背景颜色,没有边框等......)

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

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

可能性是无限的......

希望它会有所帮助。