fullcalendar后台事件:允许删除

fullcalendar background events: allow drop

本文关键字：删除 许删除 后台 事件 fullcalendar      更新时间：2023-09-26

我想使用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());
                }
            }
        },
相关文章：