vue TimePicker时间选择器组件的回显与格式转变

我们监听打印出来是这种格式：

Tue Mar 30 2021 17:44:12 GMT+0800

而我们需要的是这种格式：

17:44:12

实现：

方法一（注：这种方法可回显）：文档里有一个属性：value-format（可选，绑定值的格式。不指定则绑定值为 Date 对象）

然后 绑定数据就可以了，得是数组，不能是字符串形式：

回显数据：

edit_value: ['17:44:11'，'20:12:12'],

方法二(不能回显数据因为v-model绑定的值不是数组，至少我现在找不到回显的方法)：

1.下载 cnpm i moment --save

2.main.js中挂载

 import moment from 'moment'//导入文件 

Vue.prototype.$moment = moment;//赋值使用

3.组件中使用

 this.$moment('Tue Mar 30 2021 17:44:12').format('HH:mm:ss')

4.绑定数据时只能是字符串的形式。因为没写这个属性 value-format。

最后再上一个格式参考
注：这个参考格式是第二种方法的，第一种的参考格式看官方文档，大小写是不一样的
官方文档：https://element.eleme.cn/#/zh-CN/component/date-picker