vue-calendar-component日历组件 ，配置齐全

 

npm i vue-calendar-component

那个页面使用就哪个页面引入 

import Calendar from 'vue-calendar-component';
 
 components: {
    Calendar
 }

 <Calendar ></Calendar>

配置来嘞

 v-on:isToday="clickToday"   // 当天日期
 ref=Calendars     // 默认选中需要设置 ref
 v-on:choseDay="clickDayFrom"    //切换日期
 v-on:changeMonth="changeDate"  //切换月份

默认选中使用方式

 this.$refs.Calendars.ChoseMonth('2023-01-09')

其他使用方式均为 通过data获取

 changeDate(data) {
      console.log(data); //左右点击切换月份
  },