vue 封装时间格式化 （过滤器）

在src目录下 utils 文件夹下 新建 myfiliters.js 文件

// 格式化时间，如果接收的ti参数是字符串类型
export const timeformat = (t1, spe) => {
  spe = spe || "-";
  const time = new Date(t1);
  let year = time.getFullYear();
  let month = time.getMonth();
  month = month < 10 ? "0" + month : month;
  let day = time.getDate();
  day = day < 10 ? "0" + day : day;
  return year + spe + month + spe + day;
};

// 格式化时间,接收的time是Date格式
export const timeformat = (time, spe) => {
  spe = spe || "-";
  let year = time.getFullYear();
  let month = time.getMonth();
  month = month < 10 ? "0" + month : month;
  let day = time.getDate();
  day = day < 10 ? "0" + day : day;
  return year + spe + month + spe + day;
};

 在页面上引入文件，添加时间过滤器

import { timeformat } from "@/utils/myfiliters";

export default{
  // 添加过滤器
  filters: {
    // 格式化时间
    timeformat
  }
}

在页面上引用

// time |(通配符) timeformat()  内无参数即不带间隔符 
<div class="time">{{users.time | timeformat()}}</div>


//带间隔符,带参
<div class="time">{{users.time | timeformat("-")}}</div>

封装的效果：