需求是日期選擇具體到上下午
依賴vant組件實(shí)現(xiàn)

    <van-datetime-picker v-model="currentTime" type="datehour" :filter="filter" @confirm="confirm" ref="mytest"/>

datehour 可以選擇年月日 小時(shí)。 所有需要對(duì)小時(shí)進(jìn)行處理

// 處理獲取上下午
filter(type, options) {
      if (type === 'hour') {
        return ['上午', '下午']
      }
      return options;
    },
// 由于這個(gè)組件filter修改后都是返回的0小時(shí)，所有通過(guò)ref獲取小時(shí)那一欄的數(shù)據(jù)。組合
confirm(t){
      const i =  this.$refs.mytest.$children[0].$children[0].$children[3]._data.currentIndex
      console.log(i)
      const list = ['上午', '下午']
      console.log(list[i])
      console.log('time', t)
    },

image.png

最后自己處理一下就行