FullCalendar如何配置listDay视图加载指定日期而非默认当天

完全可以实现，不需要自定义修改listDay视图的底层逻辑，直接使用框架自带的配置项即可。

初始化FullCalendar实例时，新增initialDate配置项，传入你需要展示的目标日期（格式遵循ISO 8601标准，写YYYY-MM-DD格式的字符串即可），就能让listDay视图首次加载时直接渲染对应日期的日程，不再默认读取当前系统日期。

修改后的示例代码如下：

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

  var calendar = new FullCalendar.Calendar(calendarEl, {
    initialView: 'listDay',
    // 替换为你需要展示的目标日期
    initialDate: '2024-06-18',
    headerToolbar: {
      left: 'title',
      center: '',
      right: ''
    },
    events: 'https://fullcalendar.io/api/demo-feeds/events.json'
  });

  calendar.render();
});

补充说明：

• 如果是日历已经渲染完成后，需要动态切换展示其他日期的日程，不需要销毁重建实例，直接调用日历实例的gotoDate方法即可，示例：calendar.gotoDate('2024-10-01')，调用后会自动拉取并渲染对应日期的日程数据
• initialDate配置是全局生效的，对FullCalendar所有内置视图（月视图、周视图、其他时间粒度的列表视图）都有效，不需要针对listDay做单独适配
• 传入的日期值如果附带时间戳也不会影响效果，listDay视图会自动提取日期部分做匹配

内容的提问来源于stack exchange，提问作者Tiak