Vue项目-将时间戳转化为格式化的时间

221 阅读1分钟

1、配置过滤器,将时间戳转化为时间

通过过滤器来设置一个将时间戳转化为格式化时间的方法来实现此功能;

filters: {
    //配置过滤器
    formatDate: function (value) {
      //调用时间戳为日期显示
      let date = new Date(value * 1000);
      let y = date.getFullYear(); //获取年份
      let m = date.getMonth() + 1; //获取月份
      m = m < 10 ? "0" + m : m; //月份不满10天显示前加0
      let d = date.getDate(); //获取日期
      d = d < 10 ? "0" + d : d; //日期不满10天显示前加0
      //也可以获取更精准时间
      let h = date.getHours(); //小时
      h = h < 10 ? "0" + h : h; //小时不满10显示前加0
      let ms = date.getMinutes(); //分
      ms = ms < 10 ? "0" + ms : ms; //分钟不满10显示前加0
      let s = date.getSeconds(); //秒
      s = s < 10 ? "0" + s : s; //分钟不满10显示前加0
      return y + "." + m + "." + d + " " + h + ":" + ms + ":" + s;
    },
  },

2、过滤器的使用

<span class="value">{{ entityInformation.tagInfo.createTime | formatDate }}</span>

3、效果

image.png