角度 ng 全日历 角度 5 的定制

Question

我正在将ng全日历集成到我的项目中，它正确显示在屏幕下方。 日历视图

下面是我的 .ts 文件代码。

export class OfcalendarComponent implements OnInit {
calendarOptions: Options;
displayEvent: any;
@ViewChild(CalendarComponent) ucCalendar: CalendarComponent;
constructor() { }
ngOnInit() {
this.calendarOptions = {
editable: true,
eventLimit: false,
header: {
left: 'prev,next today',
center: 'title',
right: 'month'
},
selectable: true,
events: [
{
title  : 'event1',
start  : '2018-06-08',
rendering: 'background'
}
],
};
}

现在我想添加单击事件以选择多个日期并将事件设置为这些选定的日期，但在完整日历文档中，他们已经给出了所有 jquery 方法。有人帮助我如何在 .ts 文件中集成到角度项目中吗？

Answer 1

当多个日期在完整日历中选择时，您可以调用 ts 函数，然后您可以执行您的工作。

this.calendarOptions = {
editable: true,
eventLimit: false,
selectable: true,
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay,listMonth'
},
events: data
};

eventSelect(event){
console.log(event.start,event.end);
}

<ng-fullcalendar #ucCalendar [options]="calendarOptions" 
(select)="eventSelect($event.detail)"
></ng-fullcalendar>