FullCalendar 滚动时间方法不起作用答案

【问题标题】：FullCalendar scrollTime method is not workingFullCalendar 滚动时间方法不起作用
【发布时间】：2020-11-29 11:31:39
【问题描述】：

我正在使用 FullCalendar v5

var calendar = new FullCalendar.Calendar(calendarEl, {
  eventClick: function (info) {
    $('.popover').popover('hide')
    $('a.popover-event' + info.event.id).popover('show')
  },

  eventResize: function (info) {
    console.log(info);
  },
  eventDidMount: function (event) {
    $(event.el).attr('data-trigger', 'focus')
    $(event.el).attr('tabindex', -1)
  },

  timeZone: 'local',
  slotEventOverlap: false,
  eventColor: '#c1c1c1',
  editable: false,
  schedulerLicenseKey: 'GPL-My-Project-Is-Open-Source',
  initialView: 'resourceTimeGridTwoDay1',
  nowIndicator: true,
  initialDate: moment().format('YYYY-MM-DD'),
  slotMinTime: '08:00:00',
  slotMaxTime: '18:00:00',
  selectable: true,
  locales: 'ru',
  duration: { days: 1 },
  scrollTime: moment().format("HH:mm:ss"),


});

我想从当前时间线（或 now indicator）加载日历视图，我在文档中阅读了有关 ScrollTime 的信息，但它不起作用

resourceTimeGridTwoDay1配置

views: {
    resourceTimeGridTwoDay1: {
      type: 'resourceTimeGrid',
      buttonText: '1 day',
    },
  }

我的 FullCalendar 的屏幕截图

【问题讨论】：

initialView: 'resourceTimeGridTwoDay1' ...这是您定义的自定义视图吗？如果是这样，请告诉我们它的配置。
@adyson，感谢您的回复，我为resourceTimeGridTwoDay1添加了配置
从一个简短的实验中我可以看出，它似乎只有在日历上有高度限制时才会生效 - 例如。 codepen.io/ADyson82/pen/QWKwXRd 。否则，如果日历内容没有滚动条，它就无处可滚动！不清楚你的日历是否有这样的限制。
@ADyson，我更新了帖子，看截图。
@ADyson，我还在选项中添加了contentHeight，但没有任何变化。

标签： javascript jquery fullcalendar fullcalendar-5

【解决方案1】：

更新问题是我多次重新渲染日历并在一些 AJAX 调用后更改视图。重新渲染日历后调用方法scrollToTime()解决了问题。

谢谢

【讨论】：