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