如何更改FullCalendar javascript插件的agendaView中的日期

Question

我正在使用这个精彩的javascript FullCalendar插件。

我必须显示一个月份日历，当选择一天时，显示旁边的agendaView，如下所示：

在该示例图片中，用户点击了7月1日，我需要右侧的agendaView显示7月1日，但它总是加载今天的日期。

这是代码。你可以看到评论的代码，我试图在“＆＃39; day”时设置可见范围。日历（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需要格式化日期，所以：

{{1}}

是解决方案。