vue-calendar-component 设置点击日期获取的格式

Vue-Calendar-Component是一个用于创建日历组件的库，它允许用户选择日期并提供了一些配置选项，其中包括设置日期选择后的回调函数以及自定义返回日期的格式。如果你想在用户点击日期时获取特定的格式，你可以通过`@input`事件监听器来捕获用户的选中日期，并在事件处理函数中对日期进行格式化。

首先，在你的Vue组件里安装并引入Vue-Calendar-Component：

<template>
  <vue-calendar-component :options="calendarOptions" @input="handleDateSelect"></vue-calendar-component>
</template>

<script>
import VueCalendarComponent from 'vue-calendar-component';

export default {
  components: {
    VueCalendarComponent
  },
  data() {
    return {
      calendarOptions: {
        // 其他配置项...
      }
    };
  },
  methods: {
    handleDateSelect(date) {
      // 格式化日期并存储或展示
      const formattedDate = this.formatDateString(date); // 自定义的日期格式化函数
      console.log('Selected date:', formattedDate);
    },
    formatDateString(date) {
      // 这里根据需求编写你的日期格式化逻辑，比如：
      return `${date.getFullYear()}-${date.getMonth()+1}-${date.getDate()}`;
    }
  }
};
</script>

在这个例子中，`formatDateString`函数是你自定义的日期格式化函数，可以根据你的需要调整日期的显示格式。`@input`事件触发后，`handleDateSelect`会被调用，传入选中的日期作为参数。