一、將04:00小時(shí)，轉(zhuǎn)換為240分鐘（互轉(zhuǎn)）

image.png

<template>
       <a-time-picker
          :value="duration | timeFilter"
          format="HH:mm"
          placeholder="請(qǐng)選擇時(shí)間"
          @change="timeOnChange"
        />
</template>
<script>
import moment from 'moment'
export default {
  data() {
    return {
      duration:"",
    },
  },
  methods: {
    moment,
    timeOnChange(time, timeString) {
        // 舉例：將04:00轉(zhuǎn)為240分鐘這樣的格式
        const duration = moment.duration(timeString)
        const minutes = duration.asMinutes();
        console.log(minutes); // 240
    }
  }，
filters:{
    timeFilter(val){
      if(val){
        //舉例：將240分鐘轉(zhuǎn)為04:00這樣的格式
        const duration = moment.duration(val, 'minutes');
        const formattedTime = moment.utc(duration.asMilliseconds()).format('HH:mm');
        return moment(formattedTime, 'HH:mm')
      }else{
        return moment('00:00', 'HH:mm')
      }
    }
  },
</script>