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

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

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

    ...
});

为了允许用户修改事件属性(title、start等),您可能需要显示一个窗体或其他内容。然后在FullCalendar实例中更新事件:

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

为了回答jmeho的问题:

将事件添加到FullCalendar时 renderEvent() 或事件源,可以指定 id

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

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

此代码非常适合在更新事件后更新日历。
首先移除日期事件,然后再次渲染它。

function updateCalenderUP(id, title, Sessiontitle, SessionStart, Sessionend, color) {    
    title = title;
    var id1 = id;

    $('#calendar').fullCalendar( 'removeEvents', id1);
    $('#calendar').fullCalendar('refresh');
    title = title; 

    if (title) {
        calendar.fullCalendar('renderEvent', {
                id: Eventid,
                title: title,
                start:startDate,
                end: EndDate,                                
                allDay: false,
                backgroundColor:color
            }, true // make the event "stick"
        );
    }
    calendar.fullCalendar('unselect');
}