javascript - 如何更改 FullCalendar javascript 插件的议程 View 中的日期

Question

我正在使用这个很棒的 javascript FullCalendar插件。

我必须显示月历，当选择一天时，显示旁边的议程 View ，如下所示:

在该示例图像中，用户点击了 7 月 1 日，我需要右侧的议程 View 显示 7 月 1 日，但它始终加载今天的日期。

这是代码。您可以看到注释的代码，我尝试在加载“日”日历(agendaView)时设置可见范围，但这不起作用。目前最后我尝试使用changeView函数，但这也不起作用。

$(document).ready(function () {

  // page is now ready, initialize the calendar...
  var selectedDay = null;
  var selected = moment();

  $('#calendar').fullCalendar({
    // options and callbacks here

    aspectRatio: 1.5,

    dayClick: function (date, jsEvent, view) {

      // alert('Clicked on: ' + date.format());

      // alert('Current view: ' + view.name);

      // reset previously selected day's background color
      if (selectedDay !== null) {
        $(selectedDay).css('background-color', 'transparent')
      };
      // change the newly selected day's background color
      $(this).css('background-color', '#A5DC86');
      selectedDay = this;
      // selected = this.fullCalendar.moment();
      selected = this.date;

      $('#day').fullCalendar({
        // visibleRange: function(currentDate) {
        //   return {
        //     start: selected.date,
        //     end: selected.date.clone().add(1, 'days') // exclusive end
        //   };
        // },
        aspectRatio: 1.5,
        defaultView: 'agendaDay', 
        header: {left: '', center: 'title', right: ''},
        allDaySlot: false,
        slotDuration: '00:60:00',
        scrollTime: '00:00:00'
      }),
      $('#day').fullCalendar('changeView', 'agendaDay', selectedDay.date )
    }
  });

});

Answer 1

事实证明，changeView 需要一个格式化的日期，因此:

$('#day').fullCalendar('changeView', 'agendaDay', date.format() )

就是解决方案。