Question

我正在使用Angular 6应用程序，该应用程序使用fullCalendar来显示来自外部API的事件。我只想呈现给定月份的事件。最初，它显示当月的事件，但是当我从顶部的下一个和上一个按钮更改月份时，日历显示为空。但是，api服务确实带来了有关更改月份的事件，但这些事件未显示在日历中。

这是我的代码：

HTML：

<div *ngIf="calendarOptions">
      <ng-fullcalendar #ucCalendar 
      [options]="calendarOptions" 
      [(eventsModel)]="events"
      (eventClick)="handleClick($event.detail.event.data)"
      (clickButton)="clickButton($event.detail)"></ng-fullcalendar>
  </div>

以下是在更改月份时显示事件的代码：

  clickButton(data) {
    this.displayEvent = data;
    // console.log(JSON.stringify(this.displayEvent))
    var extractDate = new Date(this.displayEvent.data);
    var m = extractDate.getMonth();
    var y = extractDate.getFullYear();
    var getClinic = m + "-" + y;
    this._dataSrvc.getEventsByMonth({ month: m, year: y }).subscribe( data => {
      this.events = data;
      console.log(this.events.data);
      this.ucCalendar.renderEvents(this.events);
    } );
  }

我认为renderEvents函数有一些作用，但由于事件被获取但未显示，因此它不起作用。如果有人可以帮助我如何精确使用它，那将是有帮助的。

日历Angular 6中不会在更改月份时呈现事件

0 个答案: