我们监听打印出来是这种格式:
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