Vant-Ui 時間選擇器怎么獲取到選中的數據

                

 

   歡迎掃碼加群，一起討論，共同學習成長！

 

獲得日期格式為：2019年12月04日 05時04分

<van-cell :value="dataTime" is-link title="時間" @click="showDataTime"/>
    <van-action-sheet v-model="showTime">
      <van-datetime-picker
        v-model="currentDate"
        :formatter="formatter"
        type="datetime"
        @confirm="confirm"
        @cancel="cancel"
      />
    </van-action-sheet>
    export default {
      data() {
        return {
        dataTime: '請選擇時間',
        currentDate: new Date(),
         }
        },
     methods: {
      // 處理控件顯示的時間格式
    formatter(type, value) {
      // 格式化選擇器日期
      if (type === 'year') {
        return `${value}年`
      } else if (type === 'month') {
        return `${value}月`
      } else if (type === 'day') {
        return `${value}日`
      } else if (type === 'hour') {
        return `${value}時`
      } else if (type === 'minute') {
        return `${value}分`
      }
      return value
    },
    confirm(d) {
      this.showTime = false
      this.dataTime =
        d.getFullYear() +
        '年' +
        (Number(d.getMonth()) + 1) +
        '月' +
        d.getDate() +
        '日 ' +
        d.getHours() +
        '時' +
        d.getMinutes() +
        '分'
      console.log(this.dataTime)
      // this.starttime1 = new Date(this.currentDate).getTime() / 1000
    },
        cancel() {
          this.showTime = false
        },
        showDataTime() {
          this.showTime = true
        },
     }
    }

 

 

時間格式：2019-12-04 05:05

<van-cell :value="dataTime" is-link title="時間" @click="showDataTime"/>
    <van-action-sheet v-model="showTime" title="選擇時間" confirm-button-text="保存">
      <van-datetime-picker
        v-model="currentDate"
        :formatter="formatter"
        type="datetime"
        @confirm="confirm"
        @cancel="cancel"
      />
    </van-action-sheet>
    export default {
      data() {
        return {
        dataTime: '請選擇時間',
        currentDate: new Date(),
         }
        },
     methods: {
        // 時間戳轉為日期
        formatDate: function(d) {
          return d.getFullYear() + '-' + this.p((d.getMonth() + 1)) + '-' + this.p(d.getDate()) + '-' + this.p(d.getHours()) + ':' + this.p(d.getMinutes()) + ':' + this.p(d.getSeconds())
        },
        p(s) {
          return s < 10 ? '0' + s : s
        },
        confirm(d) {
          this.dataTime = this.formatDate(d)
          this.showTime = false
          console.log(this.dataTime) // 打印出了時間
        },
        cancel() {
          this.showTime = false
        },
        showDataTime() {
          this.showTime = true
        },
     }
    }