Question

调整完整日历的高度以适合我的屏幕。我也限制了月视图中显示的事件。所以，现在当我点击+＆＃39; x＆＃39;更多按钮时，屏幕底部会显示事件容器弹出窗口。

如果不改变高度，则事件容器弹出窗口正确对齐。

请在重新调整日历高度时告诉我如何解决弹出对齐问题。

以下是我的代码并附上日历视图的屏幕截图

＆＃13;

$('#calendar').fullCalendar({
  now: new Date(),
  editable: false,
  aspectRatio: 1.8,
  height: 200,
  selectable: true,
  scrollTime: '00:00',
  header: {
    left: 'prevYear,prev,next,nextYear today',
    center: 'title',
    right: 'timelineDay,timelineThreeDays,agendaWeek,month'
  },
  dayClick: function(date, jsEvent, view) {
    var view = $('#calendar').fullCalendar('getView');
    if (view.name == 'month') {
      $('#calendar').fullCalendar('gotoDate', date._d.toISOString().slice(0, 10));
      $('#calendar').fullCalendar('changeView', "timelineDay");
    }
  },
  defaultView: 'timelineDay',
  views: {
    timelineThreeDays: {
      type: 'timeline',
      duration: {
        days: 3
      }
    }
  },
  eventOverlap: false,
  resourceAreaWidth: '25%',
  resourceLabelText: 'Reservations',
  resourceGroupField: 'building',
  resources: resourcesList,
  events: eventList,
  eventLimit: true,
  eventRender: function(event, element) {
    element.find('.fc-title').append('&nbsp;&nbsp;' + event.statusCode);
  },

});

＆＃13;

screenshot

完整日历弹出窗口的对齐问题

0 个答案: