更新记录

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>

属性

事件

插槽

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