如何更改当天的完整日历视图点击反应

Question

我正在使用 React Full Calendar，想知道如何允许用户在单击月视图中的某一天时将日历视图更改为 timeGridDay。

Answer 1

通过允许

navLinks

你可以做到这一点。所以如果用户点击一个日期 他们将看到单日视图。

<FullCalendar
    plugins={[dayGridPlugin]}
    initialView="dayGridMonth"
    events={events}
    //allowing user to click on date.
    navLinks={true}
/>

Answer 2

要在 React FullCalendar (V6) 中实现此功能，您可以使用“@fullcalendar/interaction 插件。该插件可让您与日历交互，包括处理单击某一天等事件。

1. 确保您已安装

   @fullcalendar/interaction

   软件包。

2. import interactionPlugin from '@fullcalendar/interaction'

在使用 FullCalendar 的组件中，将导入的插件包含在 FullCalendar 组件的 plugins 属性中：

<FullCalendar
      plugins={[dayGridPlugin, interactionPlugin]}
      initialView="dayGridMonth"
      //Use Date Click property
      dateClick={(info) => console.log(info)}
      // Other props
    />