更新记录

1.0.4（2022-03-26） 下载此版本

布局优化

1.0.3（2022-03-26） 下载此版本

修改兼容平台信息

1.0.2（2022-03-26） 下载此版本

修复部分已知bug

平台兼容性

介绍

lotusCalendar 日期选择控件，适用于H5、小程序、app端

插件的方式引入使用

1.xx.vue页面

    import lotusCalendar from "../../components/Winglau14-lotusCalendar/Winglau14-lotusCalendar.vue";

2.vue页面内引用：该组件因放在根节点的最外层，不要放在当前input节点里面，不然会失效！！！

    <lotusCalendar :calendarData="calendarData" @returnDate="calendarChange" @closeCalendar="closeCalendar"></lotusCalendar>

3.参数说明：

export default{
    components:{
        lotusCalendar
    },
    data () {
        return {
            calendarData:{
                isShow: false,
                choseTime: '2022-03-26'
            },
            form:{
                businessDate:''
            }
        }
    },
    methods:{
        // 日期选择
        calendarChange(res){
            if(res.time){
                this.form.businessDate = res.time;
            }
            this.calendarData.isShow = res.isShow;
        },
        // 关闭日期控件
        closeCalendar(res){
            if(res.time){
                this.form.businessDate = res.time;
            }
            this.calendarData.isShow = res.isShow;
        }
    }
}