a-time-picker 时间回显问题 回显为Invalid date

 

ant design vue中 时间选择器，需要使用到moment

• 安装moment 组件
• 引入moment 组件
• 回显的时候进行moment处理

<template>
    <a-time-picker
        v-model="dutyFromTimeSlotValue"
        format="HH:mm:ss"
　　　　　@chang="onTime"

    />
</template>
<style>
import moment from 'moment'

data() {
   return {
     moment //或引用再methods：{moment}
   },
},
created() {
    this.dutyFromTimeSlotValue = moment('12:04:01', 'HH:mm:ss') //moment(变量，'HH:mm:ss')
}
</style>

注：

this.dutyFromTimeSlotValue = moment('12:04:01').format( 'HH:mm:ss') //回显使用会失效,这个常用于chang回调函数转化格式