微信开发picker笔记

标题 picker

picker：选择器，从底部弹起的滚动选择器，现支持五种选择器，通过mode来区分，分别是普通选择器，多列选择器，时间选择器，日期选择器，省市区选择器，默认是普通选择器。普通选择器不加mode，如果用内置选择器要加mode，选择项有region,multiSelector,time,date,

eg:普通选择器

        <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
            <view class="picker">
              当前选择：{{array[index]}}
            </view>
        </picker>

eg:省市选择器

    <view>
      <picker mode="region" bindchange='{{bindRegionChange}}' value='{{region}}' custom-item="{{customItem}}">
        {{region[0]}},{{region[1]}},{{region[2]}}
      </picker>
    </view>

js:

    Page({

      /**
       * 页面的初始数据
       */
      data: {

       arrayList:['张三','李四'],
        index: 0, 
        region: [],
        customItem: '全部'
      },

    bindRegionChange: function (e) {
        console.log('picker发送选择改变，携带值为', e.detail.value)
        this.setData({
          region: e.detail.value
        })
      }

    }