vue中自定义时间日期过滤器

227 阅读1分钟
1. 在utils中新建一个时间日期过滤器
import Vue from 'vue'

Vue.filter('dateFormat', function (originVal) {
    const dt = new Date(originVal)
  
    const y = dt.getFullYear()
    <!--两位数 不足时使用0补全-->
    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}`
  })
  1. 在需要使用的地方导入这个私有过滤器
import '@/utils/fliter'
{{ a | dateFormat}}