fullCalendar的月视图下，每次切换月份到当月时自动定位到当天所在行的完整代码

可以通过fullCalendar的`viewRender`事件来实现自动定位到当天所在行的功能。具体实现代码如下：

$('#calendar').fullCalendar({
  // 日历配置项
  viewRender: function(view, element) {
    // 获取当前日期
    var now = moment();

    // 如果当前视图是月视图
    if (view.name == 'month') {
      // 定位到当天所在行
      var row = $('.fc-day[data-date="' + now.format('YYYY-MM-DD') + '"]').parent();
      if (row.length > 0) {
        var rowTop = row.position().top;
        $('.fc-scroller').scrollTop(rowTop);
      }
    }
  }
});

在`viewRender`事件中，首先获取当前日期。然后判断当前视图是否是月视图，如果是，则通过`$('.fc-day[data-date="' + now.format('YYYY-MM-DD') + '"]').parent()`获取当天所在的行，并计算出该行距离顶部的距离`rowTop`。最后通过`$('.fc-scroller').scrollTop(rowTop)`将滚动条定位到该行顶部。

相关问题

fullCalendar月视图下，在每次切换到当月时自动定位到当天所在行

你可以使用fullCalendar提供的视图切换事件（viewRender）和dayRender事件来实现该功能。首先，在viewRender事件中获取当前月份所在的行，然后在dayRender事件中判断当前日期是否为当天，如果是，就将焦点定位到所在行。

以下是示例代码：

$('#calendar').fullCalendar({
  viewRender: function(view, element) {
    // 获取当前月份所在的行
    var currentMonth = view.intervalStart.format('YYYY-MM');
    var $dayCells = $(element).find('.fc-day-top');
    var $currentMonthCells = $dayCells.filter('[data-date^="' + currentMonth + '"]');

    // 定位到当天所在行
    if ($currentMonthCells.length > 0) {
      var $todayCell = $currentMonthCells.filter('.fc-today');
      if ($todayCell.length === 0) {
        $todayCell = $currentMonthCells.eq(Math.floor($currentMonthCells.length / 2));
      }
      var scrollTop = $todayCell.offset().top - $(element).find('.fc-day-grid').offset().top;
      $(element).find('.fc-scroller').scrollTop(scrollTop);
    }
  },

  dayRender: function(date, cell) {
    // 将焦点定位到当天所在行
    if (date.isSame(moment(), 'day')) {
      $(cell).attr('tabindex', 0).focus();
    }
  }
});

这段代码会在每次切换到月视图时触发viewRender事件，获取当前月份所在的行，然后根据当前日期是否为当天，在dayRender事件中将焦点定位到所在行。

fullCalendar月视图下，在每次切换月份时自动定位到当天所在行 ，完整代码

好的，我可以为您提供一个基于fullCalendar的月视图，在每次切换月份时自动定位到当天所在行的代码。以下是完整的代码：

$(document).ready(function() {
  $('#calendar').fullCalendar({
    header: {
      left: 'prev,next today',
      center: 'title',
      right: 'month,basicWeek,basicDay'
    },
    defaultDate: new Date(),
    navLinks: true,
    editable: true,
    eventLimit: true,
    events: [
      {
        title: 'Event 1',
        start: '2019-12-01'
      },
      {
        title: 'Event 2',
        start: '2019-12-05',
        end: '2019-12-07'
      },
      {
        title: 'Event 3',
        start: '2019-12-09T12:30:00',
        allDay: false // will make the time show
      }
      // more events here
    ],
    viewRender: function(view, element) {
      // get today's date
      var today = moment();

      // find the current view's start date
      var viewStart = moment(view.start);

      // find the current view's end date
      var viewEnd = moment(view.end);

      // if today is within the current view's date range
      if (today >= viewStart && today <= viewEnd) {
        // get the number of days between the view's start date and today
        var dayDiff = today.diff(viewStart, 'days');

        // find the row that contains today's date
        var todayRow = $('tr.fc-week:eq(' + dayDiff + ')');

        // scroll to the row that contains today's date
        $('html,body').animate({
          scrollTop: todayRow.offset().top - 100
        }, 'slow');
      }
    }
  });
});

在这个代码中，我们使用了fullCalendar插件来创建一个月视图的日历。我们使用了`viewRender`回调函数来检查当前视图是否包含今天的日期，并找到包含今天日期的行，然后使用jQuery的`animate()`函数将页面滚动到该行。

请注意，为了使这个代码正常工作，您需要将fullCalendar和jQuery的库文件引入到您的HTML页面中。