《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了