我在通过 Bootstrap 模式向 FullCalendar 添加背景事件时遇到了一个小问题。
我能够使用这样的简单事件数据(工作 jsfiddle)呈现背景事件:
var eventData = {
start: '2016-10-01',
end: '2016-10-04',
rendering: 'background',
color: '#ff9f89'
};
$('#calendar').fullCalendar('renderEvent', eventData, true);`
Run Code Online (Sandbox Code Playgroud)
我也可以使用标题提示和基于标题的附加规则(工作小提琴)来做到这一点:
select: function(start, end) {
var title = prompt('Event Title:');
var eventData;
if (title) {
if (title === "holiday"){
eventData = {
start: start,
end: end,
rendering: 'background',
color: '#ff9f89'
};
}
else{
eventData = {
title: title,
start: start,
end: end
};
}
}
$('#calendar').fullCalendar('renderEvent', eventData, true); // stick? = true
$('#calendar').fullCalendar('unselect'); …Run Code Online (Sandbox Code Playgroud)