WeChat applet form component selector picker


WeChat applet picker

Scroll selector, now supports three selectors, distinguished by mode, which are ordinary selector, time selector, and date selector. The default is ordinary selection. Device

Normal selector: mode=selector

QQ截图20170208155819.png

##Time selector: mode= time

QQ截图20170208155834.png

Date picker: mode=date

QQ截图20170208155852.png

Sample code:
<view class="section">
    <view class="section__title">地区选择器</view>
    <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
        <view class="picker">
            当前选择:{{array[index]}}
        </view>
    </picker>
</view>
<view class="section">
    <view class="section__title">时间选择器</view>
    <picker mode="time" value="{{time}}" start="09:01" end="21:01" bindchange="bindTimeChange">
        <view class="picker">
            当前选择: {{time}}
        </view>
    </picker>
</view>

<view class="section">
    <view class="section__title">日期选择器</view>
    <picker mode="date" value="{{date}}" start="2015-09-01" end="2017-09-01" bindchange="bindDateChange">
        <view class="picker">
            当前选择: {{date}}
        </view>
    </picker>
</view>
rrree

picker