更新记录

1.0.1(2022-06-28)

修复组件时间选择的数据回显

1.0.0(2022-06-28)


平台兼容性

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

lee-datetime 时间选择器 组件文档

简述

    因工作中业务需要总需要使用时间的不同格式选择,所以自己依赖uni组件picker组件封了一个日期时间选择
同时对选择日期范围限制与不同场景下的时间格式,就不拓展了,写一个白板并记录保存下,方便自己日后随
时拓展使用并更改代码结构

代码示例

<!-- 使用方式 -->
<leeDatetime @change="bindLeeDateTimeChange" placeholder="请选择日期时间" :value="leeDateTime"></leeDatetime>
import leeDatetime from "@/components/lee-datetime/lee-datetime.vue"
    components: {
        leeDatetime,
    },
data() {
    return {
        leeDateTime: "",
    }
},
methods: {
    bindLeeDateTimeChange(e) {
        console.log("查看时间组件返回值",e.value,e.text)
    },
}

组件参数

1 2 3 4
2 2 2 2
props: {
    // 传入时间值 , 注意时间格式必须为YYYY-MM-DD hh:mm-ss 或者 YYYY-MM-DD
    // 传入时间值 , 注意时间格式必须为YYYY-MM-DD hh:mm-ss 或者 YYYY-MM-DD
    // 传入时间值 , 注意时间格式必须为YYYY-MM-DD hh:mm-ss 或者 YYYY-MM-DD
    value: {
        type: String,
        default: ""
    },
    // 是否禁用
    disabled: {
        type: Boolean,
        default: false
    },
    placeholder: {
        type: String,
        default: "请选择日期"
    }
},

隐私、权限声明

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

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

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

许可协议

MIT协议

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