wxml程式碼：

<view class="section__title">
地區選擇器
</view>

<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">

  <view class="picker">


 當前選擇：{{array[index]}}
  
</view>


</picker>
 

wxjs程式碼：

// pages/per/per.js
Page({

    /**
     * 頁面的初始資料
     
 
*/
    data: {
        array: ['美國', '中國', '巴西', '日本'],
        index: 0,
        date: '2016-09-01',
        time: '12:01'
      

    },
 bindPickerChange: function(e) {
  console.log('picker傳送選擇改變，攜帶值為', e.detail.value)
  this.setData({

 index: e.detail.value
  })
},

效果圖：

省市縣三級聯動：

wxml程式碼：

<view class
 
="section">
  <view class="section__title">省市區選擇器</view>
  <picker mode="region" bindchange="bindRegionChange" value="{{region}}" custom-item="{{customItem}}">
    <view class="picker">
      當前選擇：{{region[0]}}，{{region[1]}}，{{region[2]}}
    </view>
  </picker>
</view>

wxjs程式碼：

效果圖：

button按鈕分享

<button type="primary" open-type="share">分享我</button>