picker選擇器分為三種，普通選擇器，時間選擇器， 日期選擇器 用mode屬性區分，預設是普通選擇器。測試時時間和日期點選無反應不知道是BUG還是啥！沒法手機測試現在也不知道咋回事！！

主要屬性：

普通選擇器

時間選擇器

日期選擇器

wxml

<view>普通選擇器</view>
<!--mode預設selector range資料來源value選擇的index bindchange事件監聽-->
<picker mode="selector" range="{{array}}" value="{{index}}" bindchange="listenerPickerSelected"
 
>
    <text>{{array[index]}}</text>
</picker>

<view>時間選擇器</view>
<picker mode="time" value="{{time}}" start="06:00" end="24:00" bindchange="listenerTimePickerSelected">
    <text>{{time}}</text>
</picker>

<view>日期選擇器</view>
<picker mode="date"
 
 value="{{date}}" start="2016-09-26" end="2017-10-10" bindchange="listenerDatePickerSelected">
    <text>{{date}}</text>
</picker>

js

Page({
  data:{
    // text:"這是一個頁面"
    array: ['Android', 'IOS', 'ReactNativ', 'WeChat', 'Web'],
    index: 0,
    time: '08:30',
    date: '2016-09-26'
  },

  /**
   * 監聽普通picker選擇器
   */
 

  listenerPickerSelected: function(e) {
      //改變index值，通過setData()方法重繪介面
      this.setData({
        index: e.detail.value
      });
  }, 

  /**
   * 監聽時間picker選擇器
   */
  listenerTimePickerSelected: function(e) {
      //呼叫setData()重新繪製
      this.setData({
          time: e.detail.value,
      });
  },

  /**
   * 監聽日期picker選擇器
   */
  listenerDatePickerSelected:function(e) {
    this.setDate({
      date: e.detail.value
    })
  },

  onLoad:function(options){
    // 頁面初始化 options為頁面跳轉所帶來的引數
  },
  onReady:function(){
    // 頁面渲染完成
  },
  onShow:function(){
    // 頁面顯示
  },
  onHide:function(){
    // 頁面隱藏
  },
  onUnload:function(){
    // 頁面關閉
  }
})