Angular 2 fullcalender显示每个日期的事件计数中的长事件

时间:2017-08-11 09:48:13

标签: jquery html5 angular fullcalendar

我正在使用angular 2.的完整日历。我想在活动日历中显示特定日期的活动计数。我使用了一些函数来使用data-num上的HTML tag属性显示计数,但是当事件超过一天时,事件计数不会在其开始日期之前到达

我的模板文件如下所示:

<angular2-fullcalendar id="calendar" [options]="calendarOptions"></angular2-fullcalendar>

以下是我用来显示事件计数的代码:

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

这就是它的样子 thats what it looks

0 个答案:

没有答案