日期点击事件在FullCalendar Angular中未被触发。

Question

< p > dateClick 事件不起作用，我按照文档中的说明进行了操作：

https://fullcalendar.io/docs/angular

HTML：

    <full-calendar #calendar (dateClick)="alert('clicked')" defaultView="timeGridWeek"
        [nowIndicator]="true" [header]="header" [plugins]="calendarPlugins" [events]="[
          { title: 'event 1', start: '2019-05-22T13:00:00', textColor: 'white', end: '2019-05-22T14:00:00'  },
          { title: 'event 2', start: '2019-05-23T14:00:00', end: '2019-05-23T15:00:00' }
        ]"></full-calendar>

ts:

import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import listPlugin from '@fullcalendar/list';

  public calendarPlugins = [dayGridPlugin, timeGridPlugin, listPlugin];

- Luiz Ricardo Cardoso

Answer 1

为了解决这个问题，我采取了以下步骤：

npm install --save @fullcalendar/interaction

我已将插件的导入添加到组件中:

import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import listPlugin from '@fullcalendar/list';
import interactionPlugin from '@fullcalendar/interaction';

  public calendarPlugins = [dayGridPlugin, 
      timeGridPlugin, listPlugin , interactionPlugin];

- Luiz Ricardo Cardoso

---

对于阅读此内容的任何人来说，重要的一点是您必须额外加载“interaction”插件，以使点击等功能正常工作。 - ADyson