Vue项目中的过滤器

过滤器

功能: 对要显示的数据进行特定格式化后再显示
注意: 并没有改变原本的数据, 可是产生新的对应的数据

// 全局注册 getTime 过滤器
Vue.filter('getTime', function(time) {
  // 获取传入的日期时间
 const nDate = new Date(time)
  // 获取传入日期的年份
  const yy = nDate.getFullYear();
  // 获取传入日期的月份，从0开始，加1到正常月份
  const mm = (nDate.getMonth() + 1).toString().padStart(2,0);
  // 获取传入日期的日子
  const dd = nDate.getDay().toString().padStart(2,0);
 
  // 获取传入日期的小时
  const hh = nDate.getHours().toString().padStart(2,0);
  // 获取传入日期的分钟
  const mm = nDate.getMinutes().toString().padStart(2,0);
  // 获取传入日期的秒数
  const ss = nDate.getSeconds().toString().padStart(2,0);
 
  // 返回日期格式
  return `${yy}-${mm}-${dd} ${hh}:${mm}:${ss}`
})

好了本篇文章就到这里了，喜欢的话可以关注我，会持续更新的，有错误欢迎大家指出，大家可以在我这里互相讨论学习，一起进步。

青山不改 绿水长流 我们下篇文章见😋