基于uniapp的时间选择器组件，特色：轻量级，可配置任意列的展示

酒馆打烊了

于 2021-01-28 16:53:30 发布

阅读量881

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 uni-app 文章标签： vue.js javascript uni-app 小程序

本文链接：https://blog.youkuaiyun.com/Ang_pmj/article/details/113350100

本文档介绍基于uni-app的轻量级时间选择器组件xp-picker，支持自定义列配置，如'y-m-d h:i'、'm-d'等。组件适用于h5、微信小程序、QQ小程序及App，提供多种使用示例、属性介绍，如mode（y年、m月、d日等）、value的使用，并详细解释了confirm事件和插槽功能。对于特定模式，如只需要'md'，组件会智能处理平闰年问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

xp-picker

上一代e-picker-plus的优化版本，适配任何可选列的配置，包括但不限于’y-m-d h:i’、'm-d’等，详情请看文档
功能强、通用性强、多端兼容。兼容h5、微信小程序、QQ小程序(其他平台小程序未作测试)与app

一、使用示例

示例1：函数式打开picker，通过 this.$refs[ref].show()

    <template>
    	<view>
    		<xp-picker ref="picker"  @confirm="confirm" />
    		<view @tap="show">开启</view>

最低0.47元/天解锁文章

200万优质内容无限畅学