为什么后面的选择器不生效呢 改变之后页面上的显示不会变,
而且时间选择器开始的时间前面的时间也可以选择。
// pages/picker/picker.js
Page({
data:{
array:["吃","喝","玩","乐"],
index:3,
multiArray:[
["中国","日本"],
["辽宁","四川","江苏"],
["本溪","沈阳", "大连"]
],
multiIndex:[0,0,0],
time:'12:01',
date:"2023-02-27"
},
bindPickerChange(e){
this.setData({
//e.detail,value:可以获取用户选择的内容下标
index:e.detail.value
})
},
bindMultiPickerChange(e){
this.setData({
//e.detail,value:可以获取用户选择的内容下标
multiIndex:e.detail.value
})
},
bindTimeChange(e){
this.setData({
time:e.detail.value
})
},
bindDateChange(e){
this.setData({
date:e.detail.value
})
}
})
<!--pages/picker/picker.wxml-->
<view>普通选择器</view>
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view class="picker">
当前选择:{{array[index]}}
</view>
</picker>
<view>多列选择器</view>
<picker mode="multiSelector" bindChange="bindMultiPickerChange" value="{{multiIndex}}" range="{{multiArray}}">
<view class="picker">
当前选择:{{multiArray[0][multiIndex[0]]}},{{multiArray[1][multiIndex[1]]}},{{multiArray[2][multiIndex[2]]}}
</view>
</picker>
<view>时间选择器</view>
<picker mode="time" value="{{time}}" start="09:01" end="21:01" bindChange="bindTimeChange">
<view class="picker">
当前选择:{{time}}
</view>
</picker>
<view>日期选择器</view>
<picker mode="date" value="{{date}}" start="2000-09-01" end="2030-09-01" bindChange="bindDateChange">
<view>
当前选择:{{date}}
</view>
</picker>