VUE中的全局时间过滤器（格式化时间）

全局时间过滤器

相对时间过滤器,把时间戳转换成常用时间

代码如下：

• 将过滤器命名为dataFormat
• 传入一个为处理的时间参数 orgiinVal
• 获取日期对象，使用以下获取年月日时分秒的方法
• 使用padStart()方法用于时间补0，即不足2位用0补充
• 将时间进行格式拼接返回出来

Vue.filter('dateFormat', 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}`
})

调用：

• 获取完时间数据后，调用dataFormat时间过滤器即可

{{scope.row.add_time | dateFormat}}