如何解决Angular - FullCalendar dateClick 不起作用
我使用的是 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);
}
当我点击日期时,没有任何反应。该事件未记录到控制台。
解决方法
您需要将 interactionPlugin
添加到 calendarPlugins
calendarPlugins = [dayGridPlugin,timeGrigPlugin,interactionPlugin];
这是我为您编写的工作示例:https://stackblitz.com/edit/fullcalendar-angular-example-ebmz5j?file=src%2Fapp%2Fapp.component.ts
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。