vue 使用全局filters过滤器,实现时间戳转换

项目中需要对时间戳类型的字段进行转换,几乎每个项目都会存在此应用,需要通用的过滤器来解决

一,新建一个js文件,取名 formatDate.js

var formatDate = function(value) {
  const date = new Date(value)
  const y = date.getFullYear()
  let MM = date.getMonth() + 1
  MM = MM < 10 ? ('0' + MM) : MM
  let d = date.getDate()
  d = d < 10 ? ('0' + d) : d
  let h = date.getHours()
  h = h < 10 ? ('0' + h) : h
  let m = date.getMinutes()
  m = m < 10 ? ('0' + m) : m
  let s = date.getSeconds()
  s = s < 10 ? ('0' + s) : s
  return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s
}
export default formatDate

二,在main.js中引用

import formatDate from './utils/formatDate'
// 注册为全局过滤器
Vue.filter('formatDate', formatDate)

三,使用


        
      

vue 使用全局filters过滤器,实现时间戳转换_第1张图片

你可能感兴趣的:(vue)