每当 Angular 8 中的完整日历视图发生变化时调用函数

Question

我在 angular 8 应用程序中使用完整日历。一切正常，但我想在日历的 currentView 发生变化时调用一个函数。也就是说，每当我将其视图从月更改为周，或周更改为天时，我想调用 function/event。

为清楚起见，我想检测视图模板更改（不是日期范围更改）。通过检测它，我想突出显示相应当前视图的按钮。

这是我的 html 代码。

<p-fullCalendar #fc [events]="allEvents" [options]="options"></p-fullCalendar>

这是我的 .ts 代码

this.options = {
      plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
      defaultDate: moment().toDate(),
      themeSystem: 'yeti',
      header: {
        left: 'prev,next',
        center: 'title',
        right: 'dayGridMonth,timeGridWeek,timeGridDay'
      }, dateClick: (e) => {
        this.dateClicked(e);
      }, eventClick: (e) => {
        this.eventClicked(e);
      },
    }

Answer 1

在 fullCalendar 4 中，您可以使用 viewSkeletonRender 回调 - 每当加载新视图模板时都会运行。

viewSkeletonRender: function(info)
{
  console.log(info); //replace with whatever code you need.
}

每当 Angular 8 中的完整日历视图发生变化时调用函数

Calling function whenever full calendar view changes in Angular 8

javascript

angular

fullcalendar

fullcalendar-4