技術標籤：vue專案vue

時間戳轉換

自定義過濾器轉換，百度一搜一大把,這篇部落格講的是vue中使用Moment.js

vue中使用moment.js

Moment.js官網

1. 先下載外掛

npm install moment --save

2. 在main.js中匯入

import moment from 'moment'//匯入檔案
Vue.prototype.$moment = moment;//賦值使用
 moment.locale('zh-cn');//需要漢化

3. 在要使用的元件中匯入

import moment from 'moment'//匯入檔案

4. 自定義過濾器

可以通過moment().format('LLLL');

來修改輸出的樣式，可以從官網檢視定義格式

  filters: {
    datefilter: function (value) {
      let val = value * 1000;
      return moment(val).format("LLLL");
    },
  },

tip:如果介面返回的事件戳是十位的時間戳，需要進行乘1000，如果介面返回的是十三位的時間戳需要進行-0，或者其他操作把字串轉化為數值型別

6. <template></template>中使用

 <span>{{ drl.row.created_at |
 
 datefilter}}</span>