1、安裝時(shí)間格式化插件
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為參數(shù)名,后面dateYMDHMSFormat為方法名稱
<p>{{date | dateYMDHMSFormat}}</p>
但是,在table中需要添加插槽
不加格式化寫法:
<el-table-column prop="date" label="時(shí)間"></el-table-column>
加入格式化寫法:
<el-table-column prop="date" label="時(shí)間">
? ? <template slot-scope="scope">{{scope.row.date| dateYMDHMSFormat}}</template>
</el-table-column>