FullCalendar JS（没有事件时添加事件）

Question

我正在尝试寻找一种方法来在特定日期甚至没有活动时进行活动。

这样的例子：

我已经绘制了日历，但是有2天没有任何活动。 因此，在那一天，我想添加一个显示“已关闭”的事件。 我已经尝试了多种方法，但是找不到可行的方法。

这是我现在的代码：

$('#calendar').fullCalendar({
        editable: false,
        events: event,
        firstDay: 1,
        eventRender: function (event, element, view) {
            $(element).tooltip({ title: event.description });
            $(element).each(function () { $(this).addClass('dateClass-' + event.start.date().toString()); $(this).attr('date-num', event.start.date().toString()); });
            if (view.name == "month") {

                console.info("DATE: " + event.start.date().toString());

                /*$('.fc-month-view').find('.fc-day-number').each(function () {
                    CellDates.push($(this).text());
                    if ($('table').hasClass('.dateClass-' + $(this).text())) {
                        console.info("Got an event!");
                    } else {
                        console.info("No event on that day!");
                    }
                });*/

                for (var i = 0; i < 40; i++) {
                    if ($(element).hasClass('dateClass-' + i)) {
                        console.info("Event: " + event.start.year().toString() + "-" + event.start.month().toString() + "-" + event.start.date().toString());
                    } else {
                        console.info("No Event: " + event.start.year().toString() + "-" + event.start.month().toString() + "-" + event.start.date().toString());
                        var _date = event.start.year().toString() + "-" + event.start.month().toString() + "-" + event.start.date().toString()
                        var _event = [{ "title": "Closed", "start" : _date}];
                        $('#calendar').fullCalendar('addEvent', _event)
                    }
                }

            }
        }
    });

它似乎不起作用...如果你们可以帮助我找到解决方案。 我需要在任何月份没有任何活动的任何天关闭显示。

非常感谢你的帮助！

Answer 1

我的方法是在View Render Callback中使用数组。 代表当月的日子。 在页面加载脚本中创建它。 在回调中将其重置。

calendarDays = [];

在事件渲染回调中，我将查看每个事件并将数组中的相应位置设置为true。

calendarDays[event.date()] = true;

在“ 所有渲染后回叫事件”中，我将查看一个月中有多少天。 每天检查阵列中的相应位置。 如果不存在，则表示您当天没有活动，可以添加一个新活动。