calendar

效果

Install

npm i xdf-calendar --save

使用:

import xdfCalendar from 'xdf-calendar'

components: {
  xdfCalendar
}
 <xdf-calendar
  ref='calendar'
  :markList='dotList' // dotList=['2022-08-01',''2022-08-07'] 标记8月1日和8月7日 简单标记为点
  @change-month="changMonth" //切换月份
  @change-date='changeDate' //切换日期
  />
  changeDate(data) {
    console.log(data); //左右点击切换月份
  },
  changMonth(data) {
    console.log(data); // 跳到了本月
  }

API

| 属性 | 说明 | | ---- | ----- | | goTaday | 跳到今天 | | goDate | 跳到某个日期，格式：'YYYY-MM-DD' | | choseDay | 点击某一天，返回格式：'YYYY-MM-DD' | | preMonth | 切换到上一月 | | nextMonth | 切换到下一月 | | markList | 如果需要某月的几天被标注，传当月的日期数组。如["2022-06-04","2022-06-07"]被会标注（相同的标记） |

在 Calendar标签上添加 ref 属性, 暴露出方法可以 直接切换月份 this.$refs.calendar.PreMonth(); //调用方法实现转到上个月