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
![1486540670259005.png QQ截图20170208155819.png](https://img.php.cn/upload/image/381/982/242/1486540670259005.png)
##Time selector: mode= time
![1486540685599540.png QQ截图20170208155834.png](https://img.php.cn/upload/image/346/732/456/1486540685599540.png)
Date picker: mode=date
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](https://img.php.cn//img.w3cschool.cn/attachments/day_160923/201609231154536968.png)