1. 确保FullCalendar组件已正确安装并导入到Angular项目中。
2. 在组件的ngOnInit方法中实例化FullCalendar对象，并传入设置项和事件回调函数。 示例代码如下：

import { Component, OnInit, ViewChild } from '@angular/core'; import { CalendarComponent } from '@fullcalendar/angular'; import { EventInput } from '@fullcalendar/core';

@Component({ selector: 'app-my-calendar', templateUrl: './my-calendar.component.html', styleUrls: ['./my-calendar.component.css'] }) export class MyCalendarComponent implements OnInit {

@ViewChild(CalendarComponent) calendarComponent: CalendarComponent; calendarOptions: any; events: EventInput[] = [ // event data ];

ngOnInit() { this.calendarOptions = { // calendar options plugins: [dayGridPlugin], defaultDate: '2021-05-21', header: { left: 'prev,next today', center: 'title', right: 'dayGridMonth,timeGridWeek,timeGridDay,listMonth' }, dateClick: (info) => { // date click callback function console.log(info); } }; }

}

在上面的代码中，我们通过@ViewChild装饰器和CalendarComponent类型的属性引用来获取FullCalendar对象，并在ngOnInit方法中初始化了FullCalendar设置项和事件回调函数，其中dateClick事件回调函数用于处理点击日期时的操作。