在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>