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

创建事件后如何更新jquery FullCalendar约会,jquery,Jquery,要更新日历中的现有事件(我单击的事件),我必须调用或处理的事件或方法名称是什么。完整日历可在此处找到初始化FullCalendar实例时,请绑定eventClick处理程序: var calendar = $('#calendar'); var curr_event = null; calendar.fullCalendar({ ... events: [], eventClick: function(event, jsEvent, view) { cu

要更新日历中的现有事件(我单击的事件),我必须调用或处理的事件或方法名称是什么。完整日历可在此处找到

初始化FullCalendar实例时,请绑定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()方法更新完整的日历显示。

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

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');
}