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

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
在这里插入图片描述

Logo

前往低代码交流专区

更多推荐