我正在使用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);
}
}
}