更新记录

0.0.4（2021-09-02） 下载此版本

添加条件编译，非小程序不使用定时器

0.0.3（2021-06-26） 下载此版本

转化为uni_modules

1.0.3（2021-06-24） 下载此版本

优化代码及示例项目

平台兼容性

uni-app

备注

这里不咋来，有问题+v： wxid_5t7tzce64fqp22，上班族，忙的时候也没时间回答 下面这句是广告--可以不看 接单：小程序、app、大屏、地图等等都可以

基本用法

<template>
    <view>
        <button type="primary" @click="open">myDTPicker</button>
        <ch-datetime-picker :isShow="show" @cancle="cancel" @confirm="confirm"></ch-datetime-picker>
    </view>
</template>

<script>
export default {
    data() {
        return {
            show: false,
        }
    },
    onLoad() {},
    methods: {
        open() {
            this.show = true
        },
        cancel(res) {
            this.show = false
            console.log(res)
        },
        confirm(res) {
            console.log(res)
        },
    }
}
</script>

或者

<template>
    <view>
        <button type="primary" @click="open">myDTPicker</button>
        <ch-datetime-picker ref="myDTPicker" @confirm="confirm"></ch-datetime-picker>
    </view>
</template>

<script>
export default {
    data() {
        return {
        }
    },
    onLoad() {},
    methods: {
        open() {
            this.$refs.myDTPicker.show()
        },
        confirm(res) {
            console.log(res)
        },
    }
}
</script>

启动方式

1. 属性isShow被赋值为true
2. this.$refs.myDTPicker.show()

属性

事件