更新记录

1.0.8(2024-09-26) 下载此版本

1

1.0.7(2024-09-26) 下载此版本

修改简介

1.0.6(2023-12-07) 下载此版本

更新

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue
钉钉小程序 快手小程序 飞书小程序 京东小程序
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

时间段选择组件

用于选择营业时间段等时间段区间选择场景,本插件只做了视图部分,可以自行选择你组件库中的弹窗进行弹出使用,避免插件内部冗余,也方便集成任意组件库弹窗使用!

使用组件

    <yun-picker-time-range @cancle="cancle" @confirm="confirm"></yun-picker-time-range>

弹窗使用案列

<template>
    <uv-popup ref="popup" mode="bottom" round="20rpx">
        <yun-picker-time-range @cancle="cancle" @confirm="confirm"></yun-picker-time-range>
    </uv-popup>
</template>

<script>
export default {
    name: 'yun-select-time-range',
    props: {},
    emits: ['cancle', 'confirm'],
    data() {
        return {};
    },
    methods: {
        show() {
            this.$refs.popup.open();
        },
        close() {
            this.$refs.popup.close();
        },
        cancle() {
            this.close();
            this.$emit('cancle');
        },
        confirm(e) {
            this.$emit('confirm', e);
            this.close();
        }
    }
};
</script>

<style lang="scss" scoped></style>

🔊 同道中人交流群

QQ交流2群:971617215 QQ交流1群:971617215(已满) 作者微信:ZHT131572

隐私、权限声明

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

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

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

许可协议

MIT协议

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