更新记录
1.0.5(2020-03-26) 下载此版本
无
1.0.4(2020-03-25) 下载此版本
修复1月无法选中问题
1.0.3(2019-07-15) 下载此版本
日期初始值监听
查看更多平台兼容性
xxx.vue文件引入组件
<uCalendar fields="day" currentDate="2010-05-26" startDate="2000" endDate="2030" @calendarChange="selectDateFun" @columChange='columChangeFun'></uCalendar>
script中引入组件
import uCalendar from '@/components/calendar-lch/calendar-lch.vue';
export default {
components: {
uCalendar
},
data() {
return {
dateValue: ''
};
},
onLoad() {},
methods: {
// 日期选中
selectDateFun(e) {
console.log('选择日期:', e);
this.dateValue = e;
},
//列的值改变时触发 columnchange 事件
columChangeFun(e){
console.log('列的值改变:', e);
}
}
};
</script>
参数 | 类型 | 默认值 | 说明 |
---|---|---|---|
fields | string | day | 日历选择器粒度,day:日 month:月 year:年 |
currentDate | string | 2000-01-01 | 默认日期设置,格式 yy-mm-dd |
startDate | number | 1970 | 日历起始年份 |
endDate | number | new Date().getFullYear() | 日历截止年份,默认为当前年份 |
事件 | 说明 |
---|---|
@calendarChange | 日期选中事件,返回值:当前选中日期年份 |
@columChange | 列值改变时触发,返回值column:列,value:下标 |