fullCalendar 自动定位到今天所在行完整代码

以下是使用fullCalendar自动定位到今天所在行的完整代码：

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

  var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'dayGridMonth',
    headerToolbar: {
      left: 'prev,next today',
      center: 'title',
      right: 'dayGridMonth,timeGridWeek,timeGridDay'
    },
    // 自动定位到今天所在行
    viewDidMount: function(view) {
      var today = new Date();
      var td = view.el.querySelector('.fc-day[data-date="' + today.toISOString().slice(0,10) + '"]');
      if (td) {
        var tr = td.parentNode.parentNode;
        setTimeout(function() {
          tr.scrollIntoView();
        }, 0);
      }
    },
    events: [
      {
        title: 'Event 1',
        start: '2021-07-01'
      },
      {
        title: 'Event 2',
        start: '2021-07-05',
        end: '2021-07-07'
      },
      // more events here
    ]
  });

  calendar.render();
});

其中，`viewDidMount`是fullCalendar提供的一个回调函数，用于在日历视图渲染完毕后执行自定义的代码。在这里，我们首先获取今天对应的单元格元素`td`，然后再找到`td`所在的行元素`tr`，最后使用`scrollIntoView`方法将该行滚动到可见区域。

需要注意的是，`scrollIntoView`方法需要在`setTimeout`中执行，否则可能会出现滚动不完整的情况。