wxml
<view class="aaa">
<picker mode="selector" range='{{selectorItems}}' bindchange='selectorChange'>
<view>单项选择:{{selector}}</view>
</picker>
<picker mode="multiSelector" range='{{multiSelectorItems}}' bindchange='multiSelectorChange'>
<view>多项选择:{{multiSelector}}</view>
</picker>
<picker mode="time" bindchange='timeChange'>
<view>时间选择:{{time}}</view>
</picker>
<picker mode="date" bindchange='dateChange'>
<view>日期选择:{{date}}</view>
</picker>
<picker mode="region" bindchange='regionChange'>
<view>地区选择:{{region}}</view>
</picker>
</view>
js
Page({
data: {
selectorItems:['苹果','香蕉','葡萄'],
multiSelectorItems:[['罗宋汤','蘑菇汤'],['牛排','猪排','鱼排'],['冰淇淋','鸡蛋布丁']],
time:""
},
selectorChange:function(e){
let i=e.detail.value;
console.log(e)
let value=this.data.selectorItems[i];
this.setData({selector:value});
},
multiSelectorChange:function(e){
let arrayIndex=e.detail.value;
let array=this.data.multiSelectorItems;
let value=new Array();
for (let i=0;i<arrayIndex.length;i++){
let k=arrayIndex[i];
let v=array[i][k];
value.push(v);
}
this.setData({multiSelector:value});
},
timeChange:function(e){
let value=e.detail.value;
console.log(value)
this.setData({time:value});
},
dateChange:function(e){
let value = e.detail.value;
this.setData({date:value});
},
regionChange:function(e){
let value=e.detail.value;
this.setData({region:value});
},
}