jquery - 创建事件后如何更新 jquery FullCalendar 约会

Question

我必须调用或处理以更新日历中现有事件(我单击的事件)的事件或方法名称是什么。完整日历可以在这里找到http://arshaw.com/fullcalendar/

Answer 1

初始化 FullCalendar 实例时，绑定(bind) eventClick 处理程序:

var calendar = $('#calendar');
var curr_event = null;
calendar.fullCalendar({
    ...

    events: [],
    eventClick: function(event, jsEvent, view) {
        curr_event = event;
        show_form_or_something();
    },

    ...
});

您可能想要显示一个表单或其他内容，以便允许用户修改事件属性(标题、开始等)。然后将事件更新回 FullCalendar 实例:

$.extend(curr_event, {
    title: 'New Event Title',
    start: new Date()
});
calendar.fullCalendar('updateEvent', curr_event);

并解决 jmeho 问题:

当您通过 renderEvent() 或事件源将事件添加到 FullCalendar 时，您可以为每个事件指定 id。添加事件后，您可以使用以下方法检索事件哈希/对象:

var event_obj = calendar.fullCalendar('clientEvents', 'specific event id');

然后您可以修改 has/object 并使用 updateEvent() 方法来更新 FullCalendar 显示。