如何使用 Angular 使可点击日期在 FullCalendar 中工作？

Question

我开始使用 FullCalendar-Angular 但我被卡住了。 我无法使可点击的日期生效，或者我没有正确理解。 除了在我的fullcalendar组件中设置[navLinks]="true" ，我是否必须执行任何其他操作？ 如果是，我该怎么办？

我的代码：

<full-calendar defaultView="dayGridMonth" 
              [plugins]="calendarPlugins"
              [aspectRatio]="2.2"
              [navLinks]="true"
              [header]="{ left: 'prevYear,prev,next,nextYear today',
                          center: 'title',
                          right: ' dayGridMonth,timeGridWeek,timeGridDay'}">
</full-calendar>

Answer 1

我想您的解决方案还需要另外两件事

(dateClick)="handleDateClick($event)"

[events]="calendarEvents"

在您的组件中

calendarEvents: EventInput[] = [
    { title: 'Event Now', start: new Date() }
];

handleDateClick(arg) {
    if (confirm('Would you like to add an event to ' + arg.dateStr + ' ?')) {
      this.calendarEvents = this.calendarEvents.concat({ // add new event data. must create new array
        title: 'New Event',
        start: arg.date,
        allDay: arg.allDay
      })
    }
  }

https://stackblitz.com/github/fullcalendar/fullcalendar-example-projects/tree/master/angular?file=src%2Fapp%2Fapp.component.ts