fullcalendar 背景事件：允许放置答案

【问题标题】：fullcalendar background events: allow dropfullcalendar 背景事件：允许放置
【发布时间】：2016-05-02 13:03:17
【问题描述】：

我想使用 FullCalendar 的“背景事件”功能在我的日历上显示假期（背景颜色为“红色”）。例如

events: [
{
                    start: '2016-01-24',
                    end: '2016-01-28',                  
                    rendering: 'background',
                    color: 'red'
}
]

这非常有效，但我无法在这些定义为“背景事件”的时间段上删除任何内容。

我使用 FullCalendar 作为计划工具。在某些情况下，员工可能会在假期工作。所以假期不需要被“阻止”....如何允许在 FullCalendar 中的假期区域“删除”事件？

任何帮助都会很棒。

亲切的问候，金

【问题讨论】：

标签： javascript events background fullcalendar

【解决方案1】：

你用过droppable: true 吗？ Here in Fullcalendar's doc

【讨论】：

嗨，我使用了 droppable: true，但这并不能解决问题。

【解决方案2】：

此解决方案确保假期在日历中显示颜色，但不限制在这些日子丢弃事件：

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());
                }
            }
        },

【讨论】：