Vue格式化时间显示样式

147 字
1 分钟
Vue格式化时间显示样式

自定义显示时间#

  1. 首先在main.js中添加以下代码
Vue.filter('date', function (originVal) {
const dt = new Date(originVal)
const y = dt.getFullYear()
const m = (dt.getMonth() + 1 + '').padStart(2, '0')
const d = (dt.getDate() + '').padStart(2, '0')
const hh = (dt.getHours() + '').padStart(2, '0')
const mm = (dt.getMinutes() + '').padStart(2, '0')
const ss = (dt.getSeconds() + '').padStart(2, '0')
// yyyy-mm-dd hh:mm:ss
// return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
return `${y}-${m}-${d}`
})

2.或者添加以下代码(看个人喜好)

Vue.filter("date", function(value) {
return dayjs(value).format("YYYY-MM-DD");
});
Vue.filter("year", function(value) {
return dayjs(value).format("YYYY");
});
Vue.filter("hour", function(value) {
return dayjs(value).format("HH:mm:ss");
});

3.配置完成以后,在需要指定自定义时间显示格式代码中添加

{{ scope.row.createTime | date }}

这样配置就ok了。

文章分享

如果这篇文章对你有帮助,欢迎分享给更多人!

Vue格式化时间显示样式
https://czxcly.cn/posts/vue格式化时间显示样式/
作者
启源学社
发布于
2021-12-10
许可协议
CC BY-NC-SA 4.0

评论区

Profile Image of the Author
启源学社
公告
欢迎来到我的博客!
音乐
封面

音乐

暂未播放

0:00 0:00
暂无歌词
分类
标签
站点统计
文章
45
分类
2
标签
16
总字数
16,178
运行时长
0
最后活动
0 天前

文章目录