Vue使用moment格式化日期

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.頁面具體顯示:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章