《Vue系列》timeago.js将时间戳转换成“几天前”“几分钟前”等格式

第一次写博客，分享一个在vue中怎样将一个时间戳转换成类似于“2天前”“5分钟前”等格式的插件吧。 话不多说，直接上干货。

第一步：安装timeago.js

npm install timeago.js 或 cnpm install timeago.js(推荐)

第二步：引入timeago.js

import timeago from 'timeago.js';

第三步：使用

本例中讲述如何在vue中使用

//1.在vue分过滤器中定义changeTime方法
filters: {
    //timeago.js插件
    //计算时间，类似于几分钟前，几小时前，几天前等
    changeTime(val){
        let time = new Date(val); //先将接收到的json格式的日期数据转换成可用的js对象日期
        return new timeago().format(time, 'zh_CN'); //转换成类似于几天前的格式
    }
}

//2.在template中使用，例如：
//time是需要转换的时间戳，changeTime是过滤器中定义的方法
<span>{{time | changeTime}}</span>

这样就ok了