Javascript eventRender回调渲染所有事件,如何仅渲染单个事件
所以我只是简单地添加了一个事件(为它创建了一个带有id、start等的Javascript eventRender回调渲染所有事件,如何仅渲染单个事件,javascript,jquery,fullcalendar,Javascript,Jquery,Fullcalendar,所以我只是简单地添加了一个事件(为它创建了一个带有id、start等的json) 我尝试了以下方法: $('#calendar').fullCalendar('renderEvent', my_event); $('#calendar').fullCalendar('updateEvent', my_event); eventRender: function(event, element) { console.log('in event Render callback'); c
json
)
我尝试了以下方法:$('#calendar').fullCalendar('renderEvent', my_event);
$('#calendar').fullCalendar('updateEvent', my_event);
eventRender: function(event, element) {
console.log('in event Render callback');
console.log(event);
}
它们进行如下回调:$('#calendar').fullCalendar('renderEvent', my_event);
$('#calendar').fullCalendar('updateEvent', my_event);
eventRender: function(event, element) {
console.log('in event Render callback');
console.log(event);
}
eventRender
在添加单个事件时渲染日历中的所有事件。因此,我可以立即在日历上看到我添加的事件,并为包括新事件在内的所有事件打印2条控制台日志语句
如何在日历上仅添加此新事件(具有新id),以便仅呈现此新事件(
eventRender
仅对新事件进行回调),而不是所有事件?默认情况下,这是不可能的。您可以尝试这样做:
$(document).ready(function() {
var date = new Date();
var d = date.getDate();
var m = date.getMonth();
var y = date.getFullYear();
$('#button_id').click(function() {
var newEvent = {
title: 'NEW EVENT',
start: new Date(y, m, d),
render: true
};
$('#calendar').fullCalendar('renderEvent', newEvent, 'stick');
});
$('#calendar').fullCalendar({
editable: true,
eventRender: function(event, element) {
if (event.render) {
element.addClass('test');
}
event.render = false;
}
});
});
上面的代码只会将“test”css类添加到最后添加的事件中。也许这会对你有所帮助
不太清楚你在问什么。添加事件时是否要删除所有其他事件?