fullcalendar - 当我们在单个单元格中有更多事件时，完整日历弹出窗口不完全可见

Question

我一直在使用Fullcalendar库。

当我在页脚内的单个单元格中有更多事件时，正在努力解决日历弹出窗口的问题。如下图所示。

我试图修复z-index但没有奏效。

当我搜索修复时，发现这个拉取请求不会合并到主控。

当我们可以移动弹出窗口时，我找不到一种方法。

你能帮我解决这个问题吗？

Answer 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' });
          }
        });