微信小程序uniapp封装多列选择器组件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序uniapp封装多列选择器组件相关的知识,希望对你有一定的参考价值。

参考技术A 最近微信小程序要做一个地区选择器,但是uniapp多列选择器组件不是很好用,同事自己封装了一个,我就拿来记录一下

先在外部的components文件下新建一个mulpicker.vue文件

页面中就直接调用

微信小程序自定义picker年月日时分秒选择器组件

参考技术A 功能:
年月日时分秒,固定选择范围
效果:

自定义组件实现:
utils/datePicker.js

定义组件components/datePicker/datePicker.js

components/datePicker/datePicker.wxml

components/datePicker/datePicker.wxss

使用datePicker组件
index.json

index.wxml

index.js

以上是关于微信小程序uniapp封装多列选择器组件的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序-自定义picker选择器

微信小程序滑动选择器怎么实现

微信小程序picker选择器(下拉框)以及传值问题

自定义省市选择器 微信小程序多列选择器

微信小程序自定义picker组件

uni-app 引用 微信小程序原生自定义组件