每当 Angular 8 中的完整日历视图发生变化时调用函数
Calling function whenever full calendar view changes in Angular 8
我在 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);
},
}
在 fullCalendar 4 中,您可以使用 viewSkeletonRender 回调 - 每当加载新视图模板时都会运行。
viewSkeletonRender: function(info)
{
console.log(info); //replace with whatever code you need.
}
我在 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);
},
}
在 fullCalendar 4 中,您可以使用 viewSkeletonRender 回调 - 每当加载新视图模板时都会运行。
viewSkeletonRender: function(info)
{
console.log(info); //replace with whatever code you need.
}