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

2024-07-10 23:49| 来源: 网络整理| 查看: 265

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

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

【本文地址】

今日新闻