vue使用moment.js處理時間格式

moment.js 是一個 JavaScript 日期處理類庫。

安裝

npm install moment --save 
或
yarn add moment

　　

main.js中全局使用

import Moment from 'moment';
//定義全局時間過濾器
Vue.filter('comverTime',function(data,format){
  return Moment(data).format(format);
});

template結構中使用

<el-table-column prop="bulletinTime" label="登記時間">
        <template slot-scope="scope">
              <p v-if="scope.row.bulletinTime!= null">{{scope.row.bulletinTime | comverTime('YYYY-MM-DD')}}</p>
              <p v-else></p>
        </template>
</el-table-column>