在Angular中安装FullCalendar

npm install --save @fullcalendar/core @fullcalendar/daygrid @fullcalendar/timegrid @fullcalendar/interaction

import { Calendar } from '@fullcalendar/core';
import dayGridPlugin from '@fullcalendar/daygrid';
import timeGridPlugin from '@fullcalendar/timegrid';
import interactionPlugin from '@fullcalendar/interaction';

import '@fullcalendar/core/main.css';
import '@fullcalendar/daygrid/main.css';
import '@fullcalendar/timegrid/main.css';

export class YourComponent implements OnInit, OnDestroy {
  calendar: Calendar;

  ngOnInit() {
    this.calendar = new Calendar(document.getElementById('calendar'), {
      plugins: [dayGridPlugin, timeGridPlugin, interactionPlugin],
      // 在这里可以配置FullCalendar的各种选项和功能
    });

    this.calendar.render();
  }

  ngOnDestroy() {
    this.calendar.destroy();
  }
}

<div id="calendar"></div>