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

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

创新互联公司从2013年成立，先为宛城等服务建站，宛城等地企业，进行企业商务咨询服务。为宛城企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

picker

从底部弹起的滚动选择器，现支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器。

先来看看效果图：

1、普通选择器 mode = selector（默认的）

普通选择器
  
  
    
      当前的选择：{{array[index]}}
    

2、时间选择器：mode = time

时间选择器
  
  
   
   当前时间：{{time}}
   

3、日期选择器：mode = date

 日期选择器
   
  
   
   当前日期：{{data}}
   
  

4、省市区选择器：mode = region

 城市选择器
   
  
   
   当前城市：{{region[0]}},{{region[1]}},{{region[2]}}
   

一个简单的小案例，多项选择器，希望对各位有所帮助。

源码点击下载：wechat-applet-basics

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持创新互联。