微信小程序的选择器还是很好用的，但是很遗憾的是，自定义选择器还不支持多级联动，做区域选择器就是鸡肋，时间和日期选择器还好。

视图层：

<view>
  <view class="selecte">时间选择器</view>
  <view>
    <picker mode="time" start="00:00" end="23:59" bindchange="bindtime">
      <view>当前时间:{{time}}</view>
    </picker>
  </view>
</view>
<view>
  <view class="selecte">日期选择器</view>
  <view>
    <picker mode="date" start="1990-01-01" end="2100-01-01" bindchange="binddate">
      <view>当前日期:{{date}}</view>
    </picker>
  </view>
</view>
<view>
  <view class="selecte" >身高选择器</view>
  <view>
    <picker value="{{position}}" range="{{hight}}" bindchange="bindhight">
      <view>当前身高:{{hight[position]}}</view>
    </picker>
  </view>
</view>

控制层：

var util = require('../../../utils/util.js')
Page({
    data: {
         time:"09:01",//时间
         date:"2012-02-02",//日期
         hight:["150cm","160cm","170cm","180cm","190cm"],  //区域
         position:0
    },
    /**
     * 时间选择器
     */
    bindtime:function(e){
        this.setData({
            time:e.detail.value
        })
    },
     /**
     * 日期选择器
     */
    binddate:function(e){
        this.setData({
            date:e.detail.value
        })
    },
    /**
     * 身高选择器
     */
    bindhight:function(e){
        util.showLog(e)
        this.setData({
            position:e.detail.value
        })
    }
 
})