vue时间过滤器

Vue时间过滤器

//时间过滤器
Vue.filter("dataFilter", function (val) {
  //创建日期对象
  var data = new Date(val);
  //获取年月日
  var y = data.getFullYear();
  var m = data.getMonth() + 1;
  var d = data.getDate();
  //修改月日格式
  m < 10 && (m = "0" + m);
  d < 10 && (d = "0" + d);
  //拼接字符串
  return `${y}-${m}-${d}`
})

放在vue框架的main.js中，可以根据项目需求拼接不用的字符串样式。

使用方法

<span>{{info.ctime | dataFilter}}</span>

后面接过滤器名字就行