在main-dev.js和main-prod.js中定義

// 全局定義時間函數 Vue.filter('dataFormat', function (originVal) {const dt = new Date(originVal)const y = dt.getFullYear()const m = (dt.getMonth() + 1 + '').padStart(2, '0')const d = (dt.getDate() + '').padStart(2, '0')const hh = (dt.getHours() + '').padStart(2, '0')const mm = (dt.getMinutes() + '').padStart(2, '0')const ss = (dt.getSeconds() + '').padStart(2, '0')return `${y}-${m}-${d} ${hh}:${mm}:${ss}` })

注：最終效果：2020-04-07 20:37:38
這個日志時間格式可以自定義修改

return `${y}-${m}-${d} ${hh}:${mm}:${ss}`

具體使用：
作用域插槽案例：

<el-table :data="數據源" border stripe><el-table-column label="創建時間" prop="add_time" width="160px"><template slot-scope="scope">{{scope.row.add_time | dataFormat}}</template></el-table-column> </el-table>

總結

以上是生活随笔為你收集整理的Vue项目 全局定义日期时间方法处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。