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