FullCalendar vue

实现日历拖拽点击选择日期

<template>
  <div class="app">
    <div id='calendar' ref="calendar"></div>
    <FullCalendar
        class='demo-app-calendar'
        :options='calendarOptions'
    >
      <template v-slot:eventContent='arg'>
        <b>{
  { arg.timeText }}</b>
        <i>{
  { arg.event.title }}</i>
      </template>
    </FullCalendar>
  </div>
</template>
<script>
import FullCalendar from '@fullcalendar/vue3'
import dayGridPlugin from "@fullcalendar/daygrid";
import timeGridPlugin from "@fullcalendar/timegrid";
import interactionPlugin from "@fullcalendar/interaction";

export default {
  name: 'file',
  components: {
    FullCalendar,
  },
  data(){
    return{
      calendarOptions: {
        plugins: [
          dayGridPlugin,