您现在的位置是：首页 > 网站制作 > vue.js心得vue.js心得

moment格式化时间几分钟，几秒，几小时前

蒙xs2022-07-02【vue.js心得】人已围观

简介安装momentnpm install moment --save
1.在utils创建filter.jsimport moment from 'moment'
import 'moment/locale/zh-cn'//中文包
//定义一个全局过滤器

安装moment

npm install moment --save

1.在utils创建filter.js

import moment from 'moment'
import 'moment/locale/zh-cn'//中文包
//定义一个全局过滤器实现日期格式化
export const getMoment = (value) => {
// return moment(value).format('YYYY-MM-DD HH:mm:ss')
// 使用moment.js这个日期格式化类库实现日期的格式化功能
return moment(value).fromNow();
}

导入

//引入全局过滤器
import { getMoment } from '@/utils/filter.js'
export default {
//注册过滤器
filters:{
getMoment
}
};

2在html使用

<div style="color:red">{{ tag | getMoment }}</div>

过滤时间戳（1656754552）

timea(res){
return moment(res*1000).format('YYYY-MM-DD HH:mm:ss');
},

使用

<div style="color:red">{{ timea(tabArr) | getMoment }}</div>

参考https://blog.csdn.net/weixin_47700309/article/details/109323319

Tags：

很赞哦！ ()

上一篇：使用date-fns格式化时间