vue項目中將后台返回的創建時間(時間戳格式)轉換成日期格式


第一步:下載安裝依賴包

npm install -save moment

第二步:

在main.js文件引入

1.

import moment from 'moment'

其中還包含

2.

//全局過濾器
Vue.filter('dateFmt', (input, formatString = "YYYY-MM-DD") => {
    //es5函數參數設置默認值
    //const lastFormatString = formatString || ''

    
     // moment(input) 把時間字符串轉成時間對象
     // format(formatString) 把時間對象,按照指定格式,格式化成符合條件的字符串
    return moment(input).format(formatString)
})

項目截圖看得更清楚:

第三步:因為moment插件是全局注冊,所以我們可以在任意組件中輕松的使用

 <td align="left">{{item.add_time | dateFmt('YYYY-MM-DD HH:mm:ss')}}</td>

項目截圖看得更清楚:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM