Question

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

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

这很有效，但是我无法在这些定义为“背景事件”的时间段上丢弃任何内容。

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

任何帮助都会很棒。

亲切的问候，金

Answer 1

您使用<Border Background="Transparent"> <Path Width="10" Height="10" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Data="{StaticResource LineGeometry}" Stretch="Fill" Stroke="Black" StrokeThickness="0.5"></Path> <Border.ToolTip> <TextBlock Text="Tooltip" /> </Border.ToolTip> </Border>了吗？ Here in Fullcalendar's doc

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

fullcalendar背景事件：允许丢弃

2 个答案: