//第一种
<picker @change="bindPickerChange" :value="index" :range="appointList" range-
key="centername">
<view class="uni-input">{
{appointList[index].centername}}</view>
</picker>
bindPickerChange(e) {
this.index = e.detail.value
},
//第二种
<picker class="myselect2" @change="selectFn1" :value="index2" :range="dataList" v-model="dateitem" range-key="appointdate">
<view class="uni-input">{
{dataList[index2].appointdate}}</view>
</picker>
selectFn1(e) {
//获取预约时间段
var that = this;
that.index2 = e.detail.value;
}
//第三种
<!-- <select name="" id="" class="myselect2" v-model="datedate">
<option style="color:#3960a8" valu
uniapp picker时间选择器
于 2022-02-09 14:20:39 首次发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)