fullCalendar5.0版本，月视图模式下自动定位到今天所在行

在fullCalendar 5.0版本中，你可以使用 `scrollTime` 和 `scrollToTime` 选项来实现在月视图模式下自动定位到今天所在行的效果。

首先，你需要将 `scrollTime` 设置为当前时间，这样日历将会自动滚动到当前时间所在的行。然后，你需要使用 `scrollToTime` 选项来指定一个时间，以确保当前时间所在的行完全可见。具体步骤如下：

$('#calendar').fullCalendar({
  // 其他选项...
  defaultView: 'month', // 设置默认视图为月视图
  scrollTime: moment(), // 将 scrollTime 设置为当前时间
  scrollToTime: moment().startOf('day').add(9, 'hours'), // 将 scrollToTime 设置为今天早上9点
  // 其他选项...
});

上述代码中，我们将 `scrollTime` 设置为当前时间，这将使日历自动滚动到当前时间所在的行。然后，我们使用 `scrollToTime` 选项将滚动位置调整到今天早上9点的位置，以确保当前时间所在的行完全可见。

注意，上述代码假设你的时间区域是正确设置的（即与你的本地时间相同）。如果你的时间区域不正确，你可能需要使用 `moment.utc()` 或 `moment.tz()` 来将时间转换为正确的时区。

希望这可以帮助你实现自动定位到今天所在行的效果。

相关问题

fullCalendar5.0版本，在月视图模式下切换到当月时自动定位到今天所在行

可以通过 fullCalendar 的 `gotoDate` 方法和 `viewRender` 回调函数实现自动定位到今天所在行的功能。

首先，在 `viewRender` 回调函数中获取当前月份的第一天和最后一天，然后判断今天是否在这个范围内。如果是，就获取今天所在行的日期范围，然后调用 `gotoDate` 方法将视图滚动到该行。

以下是示例代码：

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'dayGridMonth',
    events: [
      // event sources...
    ],
    viewRender: function(info) {
      var view = info.view;
      var today = new Date();
      var startOfMonth = view.currentStart;
      var endOfMonth = view.currentEnd;
      if (today >= startOfMonth && today <= endOfMonth) {
        var dayEl = info.el.querySelector('.fc-day-today');
        if (dayEl) {
          var dayRect = dayEl.getBoundingClientRect();
          var viewRect = info.el.getBoundingClientRect();
          var top = dayRect.top - viewRect.top;
          var bottom = top + dayRect.height;
          calendar.gotoDate(today);
          calendar.scrollTimeIntoView({ start: today, end: today });
          calendar.scrollTo(0, top + (bottom - top) / 2);
        }
      }
    }
  });

  calendar.render();
});

在上面的代码中，我们首先通过 `viewRender` 回调函数获取当前月份的第一天和最后一天，并判断今天是否在这个范围内。如果是，就获取今天所在行的日期范围。

然后，我们调用 `gotoDate` 方法将视图滚动到当前日期，并调用 `scrollTimeIntoView` 方法将当前日期滚动到可见区域。

最后，我们通过 `scrollTo` 方法将视图滚动到今天所在行的中心位置。

fullCalendar5.0版本，在月视图模式下切换到当月时自动定位到今天所在行，不使用viewRender

如果您不想使用 `viewRender` 回调函数，也可以使用 `datesSet` 回调函数来实现自动定位到今天所在行的功能。

`datesSet` 回调函数会在用户切换日历的日期范围时被调用，您可以在其中获取当前月份的第一天和最后一天，然后判断今天是否在这个范围内。如果是，就获取今天所在行的日期范围，然后调用 `scrollToTime` 方法将日历滚动到该行。

以下是示例代码：

document.addEventListener('DOMContentLoaded', function() {
  var calendarEl = document.getElementById('calendar');

  var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'dayGridMonth',
    events: [
      // event sources...
    ],
    datesSet: function(info) {
      var view = info.view;
      var today = new Date();
      var startOfMonth = view.currentStart;
      var endOfMonth = view.currentEnd;
      if (today >= startOfMonth && today <= endOfMonth) {
        var dayEl = info.el.querySelector('.fc-day-today');
        if (dayEl) {
          var dayRect = dayEl.getBoundingClientRect();
          var viewRect = info.el.getBoundingClientRect();
          var top = dayRect.top - viewRect.top;
          var bottom = top + dayRect.height;
          calendar.scrollToTime(today);
          calendar.scrollTo(0, top + (bottom - top) / 2);
        }
      }
    }
  });

  calendar.render();
});

在上面的代码中，我们在 `datesSet` 回调函数中获取当前月份的第一天和最后一天，并判断今天是否在这个范围内。如果是，就获取今天所在行的日期范围。

然后，我们调用 `scrollToTime` 方法将日历滚动到当前日期。

最后，我们通过 `scrollTo` 方法将日历滚动到今天所在行的中心位置。