微信小程序:Picker控件

老样子:

mode值代表着不同的选择样式

以下时mode所在值

普通选择器:
效果演示:
代码:
<picker mode="selector" range="{{people}}" range-key="name" value="2" bindchange="myChange">普通选择器</picker>

多列选择器
代码:
<picker mode="multiSelector" range="{{names}}" value="2" bindchange="myChange">multiSelector</picker>

时间选择器
代码:
<picker mode="time" start="00:00" end="12:00" bindchange="myChange">time</picker>
注意:
start与end属性是用来设置可选择时间的,如果超出会自动回到start或end时间

日期选择器> <picker mode="date" bindchange="myChange">date</picker>

省市区选择器
<picker mode="region" custom-item="你好" bindchange="myChange">region</picker>