更新记录

1.0.6（2023-06-02）

时间选择多功能插件；支持 单选，多选，时间范围。APP 、H5

1.0.5（2023-05-02）

修改切换月份按钮

1.0.4（2023-04-29）

更新默认参数

平台兼容性

如使用过程中有问题或有一些好的建议，欢迎qq联系：382766756

使用方式

<template>
    <view>
        <view @click="changClick">选择时间</view>
        <xz-date :xzType="xzType" :xzShow="xzShow" @confirmFunc="confirmFunc" @cancelFunc="cancelFunc"></xz-date>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                xzType:2, //类型， 0：单选  1：多选  2：时间范围
                xzShow:false ,// 是否弹出时间选择框
            }
        },
        methods: {
            changClick(){
                this.xzShow=!this.xzShow
            },
            // 确认事件
            confirmFunc(e){
                console.log(e);
                this.changClick()
            },
            // 取消事件
            cancelFunc(e){
                console.log(e);
                this.changClick()
            },
        }
    }
</script>

<style>
</style>

属性说明

事件说明

回调说明

复制代码// type = 2时，res值
endTime:{},//结束时间
statrTime:{},//开始时间