当我们在单个单元格中有更多事件时,Fullcalendar弹出窗口不完全可见

时间:2017-08-16 07:49:14

标签: fullcalendar fullcalendar-3

我一直在使用Fullcalendar库。

当我在单个单元格中有更多事件时,它会在日历弹出窗口中遇到问题。 如下图所示。 enter image description here

我尝试使用z-index进行修复,但无效。

当我搜索修复程序时发现这个pull request没有合并到主人。

当我们移动弹出窗口时,我找不到方法。

请你帮我解决这个问题。

1 个答案:

答案 0 :(得分:1)

这个问题我通过从日历中获取最接近的行并与最后一行进行比较来解决。 如果两者相同则仅改变弹出位置。 如果有人有任何其他好的解决方案,请告诉我

  // If it is last row of in the calendar.
        $elem.on('click', '.fc-more', function (evt) {
          var closestRow = angular.element(this).parents().closest('.fc-row.fc-week')[0];
          var lastRow = angular.element(this).parents().find('.fc-row.fc-week:last')[0];
          if (closestRow === lastRow && screen.width <= 1700) {
            var popElement = angular.element('.fc-popover.fc-more-popover');
            popElement.css({ 'top': popElement.position().top - 80 + 'px' });
          }
        });