微信小程序如何自定义多级picker选择，类似省市区

利用微信小程序的picker组件，其中：

1，普通选择器：mode = selector实现一级选择实例；

3， 多列选择器：mode = multiSelector实现二级和三级联动。

4， 多列选择器：mode = date实现日期选择。

5， 多列选择器：mode = time实现时间选择。

具体代码如下

<view class="tui-picker-content">
  <view class="tui-picker-name">日期选择</view>
                             <picker mode="date" placeholder-class="weui-input__placeholder" value="{{date}}"
                                start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
                                <view class="weui-input">{{date}}</view>
                            </picker>
</view>
<view class="tui-picker-content">
  <view class="tui-picker-name">时间选择</view>
     <picker mode="time" placeholder-class="weui-input__placeholder" value="{{time}}"
                                start="09:01" end="21:01" bindchange="bindTimeChange">
                                <view class="weui-input">{{time}}</view>
                            </picker>
</view>

<view class="tui-picker-content">
  <view class="tui-picker-name">一级选择实例</view>
  <picker bindchange="changeCountry"  value="{{countryIndex}}" range="{{countryList}}">
    <view class="tui-picker-detail">{{countryList[countryIndex]}}</view>
  </picker>
</view>

<view class="tui-picker-content">
  <view class="tui-picker-name">省市区三级联动选择</view>
  <picker bindchange="changeRegin" mode = "region" value="{{region}}">
    <view class="tui-picker-detail">{{region[0]}} - {{region[1]}} - {{region[2]}}</view>
  </picker>
</vi...

点击查看剩余70%