Vue项目 全局定义日期时间方法处理

在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}`
1

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

<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>
1
2
3
4
5
6
7