1.0.5 • Published 2 years ago
xdf-calendar v1.0.5
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(); //调用方法实现转到上个月