Vue element el-table-column標簽中對日期進行格式化（全局過濾器）

1、安裝時間格式化插件

npm install vue-moment --save
2、在main.js中引用

import moment from 'moment'

Vue.use(require('vue-moment'));
Vue.prototype.moment = moment
3、在main.js中加入日期格式化的過濾器，其中dateYMDHMSFormat為方法名稱

Vue.filter('dateYMDHMSFormat',function(dateStr,pattern='YYYY-MM-DD HH:mm:ss'){
return moment(dateStr).format(pattern);
})
4、普通使用方法，date為參數名，后面dateYMDHMSFormat為方法名稱

<p>{{date | dateYMDHMSFormat}}</p>
但是，在table中需要添加插槽

不加格式化寫法：

<el-table-column prop="date" label="時間"></el-table-column>
加入格式化寫法：

<el-table-column prop="date" label="時間">
<template slot-scope="scope">{{scope.row.date| dateYMDHMSFormat}}</template>
</el-table-column>
 
————————————————
版權聲明：本文為CSDN博主「huangge1199」的原創文章，遵循 CC 4.0 BY-SA 版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/huangge1199/article/details/104630274/