Vue使用moment格式化日期
在平常的開發中,後端響應的日期可能不是標準的格式,我們可以用monment進行格式化
1.打開終端進行安裝moment
npm install moment --save
2.在vue項目當中main.js中引用
import moment from 'moment'
3.使用全局過濾器進行日期格式化
Vue.use(require('vue-moment'));
Vue.prototype.moment = moment
Vue.filter('dateFormat',function(dateStr,pattern='YYYY-MM-DD HH:mm:ss'){
return moment(dateStr).format(pattern);
4.具體使用:
<el-table-column
prop="createdate"
header-align="center"
align="center"
label="創建時間">
<template slot-scope="scope">{{scope.row.createdate| dateFormat}}</template>
</el-table-column>
這樣就可以將日期進行格式化
5.頁面具體顯示: