首页 > 解决方案 > 使用资源 Fullcalendar 计算每天的事件

问题描述

我试图在 fullcalendar 上计算每天的事件,但我得到了错误的输出。我想做的是每天对事件进行分组和计数,并按资源分组。但输出只是对它进行分组并将其分配到第一个资源组

是我的小提琴

eventRender: function(event, element) {
    flagEvent(event, element);
    if (event.end && event.start.format('YYYY-MM-DD') !== event.end.format('YYYY-MM-DD')) {
      while (event.end > event.start) {
        event.start.add(1, 'day');
        console.log('flag', event.start.format('YYYY-MM-DD'))
        flagEvent(event, element);
      }
    }
  },
  eventAfterAllRender: function(view) {
    $('#calendar .fc-day.fc-widget-content').each(function(i) {
      var date = $(this).data('date'),
        count = $('#calendar a.fc-event.event-on-' + date).length;
      if (count > 0) {
        $(this).html('<div class="fc-event-count">' + (count) + '<div>');
      } else {
        $(this).html('<div class="fc-event-count"><div>');
      }
    });

  },

这应该是基于给定数据的输出:

在此处输入图像描述

标签: jqueryfullcalendarfullcalendar-schedulerfullcalendar-3

解决方案


推荐阅读