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

Posted

tags:

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

参考技术A github地址

原生小程序picker不支持自定义样式,无联动。
该自定组件

组件源码和demo请参考github地址

微信小程序-picker-从底部弹起的滚动选择器

picker——从底部弹起的滚动选择器

官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/picker.html

 1、普通的选择器

普通选择器:mode = selector

技术图片

效果图:

 技术图片

wxml代码:

技术图片

js代码:

技术图片

 

 

2、多列选择器

多列选择器:mode = multiSelector

技术图片

 效果图:

技术图片

 wxml代码:

技术图片

 js代码:
技术图片

 

 官方文档有很多选择器,我目前用的最多的也就是这两个选择器。官方也有给出相应的选择器及其代码。


以上是关于微信小程序-自定义picker选择器的主要内容,如果未能解决你的问题,请参考以下文章

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

微信小程序 picker-view中的value啥意思

微信小程序组件之picker 怎么代码中添加他的开始时间和结束时间

微信小程序Picker自定义数据多级联动

微信小程序Picker自定义数据多级联动

微信小程序picker-view自定义日期时间等