我想使用FullCalendar的"背景事件"功能在我的日历上显示假日(背景色为"红色")。例如
events: [
{
start: '2016-01-24',
end: '2016-01-28',
rendering: 'background',
color: 'red'
}
]
这非常有效,但我无法在这些被定义为"背景事件"的时间段中删除任何内容。
我使用FullCalendar作为计划工具。在某些情况下,员工可能在假期工作。所以假期不需要被"封锁"。。。。如何允许"删除"FullCalendar中假日区域的活动?
任何帮助都会很棒。
谨致问候,Kim
您使用droppable: true
了吗?在Fullcalendar的文档中
此解决方案确保假日在日历中显示颜色,但不限制在这些日子删除事件:
dayRender: function (date, element, view)
{
var date = new Date(date);
var day = date.getDate().toString();
if (day.length == 1)
day = 0 + day;
var year = date.getFullYear();
var month = (date.getMonth() + 1).toString();
if (month.length == 1)
month = 0 + month;
var dateStr = year + "-" + month + "-" + day ;
YourDates = JSON.parse(json_holidays);
for (var i = 0; i < YourDates.length; i++)
{
if ( dateStr.toString() == YourDates[i]["date"].toString() )
{
$(element).addClass('holiday');
$(element).attr('title', YourDates[i]["name"].toString());
}
}
},