更新记录

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:下标

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问