如何在React中初始化FullCalendar的dayGridMonth视图为指定月份

你需要使用FullCalendar的initialDate属性来指定初始加载的月份，而非你设想的month属性。该属性接受ISO 8601格式的日期字符串（例如"2024-05-01"），FullCalendar会自动定位到该日期所属的月份视图。

修改后的代码示例：

<div className='calendar'>
  <FullCalendar
    plugins={[dayGridPlugin]}
    initialView='dayGridMonth'
    events={calendarEvents}
    eventContent={renderEventContent}
    firstDay={1}
    initialDate="2024-05-01" // 填入目标月份的任意日期即可
  />
</div>

补充说明：

• initialDate的值只需是目标月份内的任意一天，FullCalendar会自动渲染对应月份的完整视图
• 若需从用户配置动态获取日期，可将其存入状态变量后再传递给该属性

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