使用Vuetify -Calendar获取当前视图中的所有日期

npm install vuetify

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)

<template>
  <v-calendar
    v-model="selectedDates"
    :events="events"
    :event-color="getEventColor"
    @change="onCalendarChange"
  ></v-calendar>
</template>

<script>
export default {
  data() {
    return {
      selectedDates: [],
      events: [
        {
          name: 'Event 1',
          start: '2022-01-01',
          end: '2022-01-03',
        },
        {
          name: 'Event 2',
          start: '2022-01-05',
          end: '2022-01-07',
        },
      ],
    }
  },
  methods: {
    getEventColor(event) {
      // 返回事件的颜色
      return 'blue'
    },
    onCalendarChange(newDates) {
      // 当日历选择发生变化时触发
      console.log('Selected dates:', newDates)
    },
  },
}
</script>