Angular

Question

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

calendar.component.html

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

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

Angular - FullCalendar dateClick 不工作

Angular - FullCalendar dateClick not working

javascript

fullcalendar

fullcalendar-4