更新记录

1.0.0（2023-11-28） 下载此版本

初次上传

平台兼容性

uni-app

其他

使用组件

<time-picker-popup ref="TimePickerPopupRef" :value="value" @confirm="confirm"></time-picker-popup>

引入组件

import TimePickerPopup from '@/components/time-picker-popup/time-picker-popup.vue';

注册组件

export default {
    components: { TimePickerPopup },
    data() {
        return {
            value: ['00', '00', '00', '00']
        }
    },
    onReady() {
        this.open();
    },
    methods: {
        confirm(data) {
            uni.showToast({
                title: `${data[0]}:${data[1]}-${data[2]}:${data[3]}`
            })
        },
        open() {
            this.$refs.TimePickerPopupRef.open();
        }
    }
}

参数

事件

// 点击确定按钮
@confirm(data)