更新记录

2.1.3(2020-05-08) 下载此版本

showValue支持默认事件

2.1.2(2020-05-06) 下载此版本

bug修复,添加示例工程

2.1.1(2020-05-06) 下载此版本

更新事件名称 更新使用案例

查看更多

平台兼容性

e-picker

template中,组件放在components 无需import(需要HBuilderX2.5.5以上)

使用示例1(picker每次打开时显示的时间为当前系统时间)

<template>
    <e-picker  @change="change">{{birthday||'选择生日'}}</e-picker>
</template>

<script>
    export default {
        data() {
            return {
                birthday: ''
            }
        },
        methods: {
            change(e) {
                this.showValue = e
            }
        }
    }
</script>

使用示例2(自定义picker显示时间)

<template>
    <e-picker :showValue="date" @change="change">{{date}}</e-picker>
</template>

<script>
    export default {
        data() {
            return {
                date: '1991-02-16'
            }
        },
        methods: {
            change(e) {
                this.showValue = e
            }
        }
    }
</script>

使用示例3(picker显示的时间为上一次确定选择的时间,可以像这样)

<template>
    <e-picker :showValue="birthday"  @change="change">{{birthday||'选择生日'}}</e-picker>
</template>

<script>
    export default {
        data() {
            return {
                birthday: ''
            }
        },
        methods: {
            change(e) {
                this.showValue = e
            }
        }
    }
</script>

属性

属性 默认 介绍
mode "date" 可选的还有"dateTime","time"
startYear 1949 选择器的最早年份
endYear 当前系统年份 选择器的最晚年份
showValue 当前系统时间 picker打开时候显示的时间

事件

事件 参数 介绍
change e 点击确定,e为选择的时间

插槽

ePicker 包含一个默认插槽;若事件参数不符合需求,可以自行修改

隐私、权限声明

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

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

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

许可协议

MIT协议

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