Angular - FullCalendar dateClick 不起作用

Question

我使用的是FullCalendar 4.4.0 版。 我的代码中没有触发dayClick事件。 我的代码如下。

日历.component.html

<full-calendar
defaultView="dayGridMonth"
[plugins]="calendarPlugins"
[events]="calendarEvents"
eventColor= '#6236ff'
eventBorderColor= '#6236ff'
eventTextColor='#ffffff'
(dateClick)="handleDateClick($event)"
></full-calendar>

日历.component.ts

handleDateClick(event){
  console.log("day", event);
}

当我点击日期时，没有任何反应。 该事件未记录到控制台中。

Answer 1

您需要将interactionPlugin插件添加到calendarPlugins插件

calendarPlugins = [dayGridPlugin, timeGrigPlugin, interactionPlugin];

这是我为您编写的工作示例： https : //stackblitz.com/edit/fullcalendar-angular-example-ebmz5j?file=src%2Fapp%2Fapp.component.ts