uniapp picker时间选择器

 //第一种
<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