Как заставить кликабельные даты работать в FullCalendar, используя Angular?

Question

Я начал использовать FullCalendar- Angular, и я застрял. Я не могу заставить работать кликабельные даты, или я не правильно понял. Нужно ли выполнять какие-либо другие действия, кроме set [navLinks]="true" в моем fullcalendar компоненте? Если да, что мне делать?

Мой код:

<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