jQuery日历:如何在特定日期添加可点击事件?

时间:2012-08-17 15:12:57

标签: jquery ajax fullcalendar

我正在使用jquery完整日历http://arshaw.com/fullcalendar来显示会议。

我只想确认可以添加一个事件(让我们创建一个新的会议

使用php ajax)在特定的日期使用它。?

2 个答案:

答案 0 :(得分:2)

我假设您想要在用户点击一天(在月视图中)或时间段(在日/周视图中)时添加事件。如果是这样,您可以使用selecteventClick回调在日历上添加和获取事件。

检查这个小提琴: http://jsfiddle.net/100thGear/xgSTr/

这将jQuery UI对话框整合到FullCalendar中,并且为了方便起见,还将所选日期继承到jQuery UI datepicker中!

如果有帮助,请告诉我。

答案 1 :(得分:1)

我已经广泛使用了fullcalendar,是的,在特定日期添加事件是它的核心功能。 您需要了解事件对象结构(请参阅http://arshaw.com/fullcalendar/docs/event_data/Event_Object/),特别是将start设置为开始日期/时间的unix时间戳,并将其标记为全天事件{{1}或者设置allDay = "true"时间戳。

正如您提到的Ajax,使用事件填充日历的一种方法是通过JSON加载它们,您可以这样做:

end

$('#calendar').fullCalendar({ events: '/myfeed.php' });返回一个充满事件对象的json结构。


以下是如何使用各种选项设置日历的完整示例

myfeed.php