Question

我可以在月视图日程日历中显示事件计数，而不是显示所有事件。在完整的日历。我正在使用最新的完整日历插件。如果是，那么请帮助。

Answer 1

如果您需要，这是我的解决方法。将'date-num'添加到event元素，然后使用 eventAfterAllRender 回调计算它们

        eventRender: function (event, element, view) { 
            $(element).each(function () { 
                $(this).attr('date-num', event.start.format('YYYY-MM-DD')); 
            });
        },
        eventAfterAllRender: function(view){
            for( cDay = view.start.clone(); cDay.isBefore(view.end) ; cDay.add(1, 'day') ){
                var dateNum = cDay.format('YYYY-MM-DD');
                var dayEl = $('.fc-day[data-date="' + dateNum + '"]');
                var eventCount = $('.fc-event[date-num="' + dateNum + '"]').length;
                if(eventCount){
                    var html = '<span class="event-count">' + 
                                '<i>' +
                                eventCount + 
                                '</i>' +
                                ' Events' +
                                '</span>';

                    dayEl.append(html);

                }
            }
        }

Answer 2

我不知道这是否是您需要的，但在我正在工作的项目中，我需要使用FullCalendar javascript插件计算月视图中的事件并将其设为：

在我的HTML中，我有一个标签，我在渲染日历后更新计数器：

eventAfterAllRender: function (view) {
    // Count events
    var quantity = $('.fc-event').length;
    $("#quantity").html(quantity);
},

只需计算.fc-events的数量并动态更新计数器

Answer 3

将事件限制设置为0？

http://fullcalendar.io/docs/display/eventLimit/

显示月视图中的事件总数（完整日历）？

3 个答案: