微信小程序实现联动选择器

这个例子分享了微信小程序实现联动选择器的具体代码，供大家参考。具体内容如下

采摘者

从底部弹出的滚动选择器现在支持五种选择器，按模式区分，分别是普通选择器、多栏选择器、时间选择器、日期选择器、省市选择器，默认为普通选择器。

我们先来看看效果图：

1.普通选择器模式=选择器(默认)

View class='picker '常规选择器/视图！-value:该值指示选择了让哪个，Index===下标从0开始rang:相应数据bind Chang :值更改时触发的事件-picker bind change=' bind pickerchang ' value=' { { Index } } ' range=' { { array } } View class=' picker _ one '当前选择：{ { array[Index]}/View/picker 2，时间选择器：mode=time

View class='picker tow '时间选择器/视图！- value:表示选择时间。格式：hh:mm开始时间：在有效时间范围内开始：hh:mm结束时间：在有效时间范围内结束-选取器绑定更改=' bindpickertime '模式=' time '开始时间=' 00336011 '结束时间=' 23333 6011 '值='{{time}} '查看当前时间：{ { time } }/查看/选取器3，日期选择器：模式=日期

View class='picker tow '日期选择器/视图！- value:表示选择日期。格式：YYYY-MM_DD start:表示生效日期范围内的开始，end:表示生效日期范围内的结束-picker bind change=' bind pickerdate ' mode=' date ' start=' 1991-01-01 ' end=' 2017-12-30 ' valid E=' { { data } } ' view current date:{ { data } }/view/picker R4，省市选择器：mode=region

View class='picker tow '城市选择器/视图！- value:表示选定的省市，默认情况下选择每列的第一个值-picker bind change=' bind pickerity ' mode=' region ' value=' { { region } } '查看当前城市：{{region [0]}，{{region [1]}，{。

点击下载源代码：微信-小程序-基础

以上就是本文的全部内容。希望对大家的学习有帮助，支持我们。