Vue过滤器将后台传的时间戳转化为日期格式-- 超好用的全局过滤器

微微一笑绝绝子

已于 2022-07-20 14:09:40 修改

阅读量350

点赞数

文章标签： vue.js 前端 javascript ecmascript 前端框架

于 2021-08-25 11:10:00 首次发布

本文链接：https://blog.csdn.net/wwyxjjz/article/details/125845849

版权

本文介绍如何在Vue项目中创建一个全局过滤器，用于将后台返回的时间戳转换为易读的日期格式。通过在public目录下定义filter.js，然后在项目中简单调用即可实现，提高开发效率。

摘要由CSDN通过智能技术生成

超好用的全局过滤器，只需定义一次，整个项目使用，嗨翻了！

一.在public中定义filter.js文件

代码如下：

import Vue from 'vue'
// 全局过滤器

/* 过滤后台时间戳 */
Vue.filter('filterTime', function (value, format2) {
  if(!value) return;
    if (value.toString().length > 10) value = parseInt(value / 1000);
    let number = value;
    var format = format2 || 'Y-M-D '
    var formateArr = ['Y', 'M', 'D', 'h', 'm', 's'];
    var returnArr = [];
    var date = new Date(number * 1000);
    returnArr.push(date.getFullYear());
    returnArr.push(formatNumber(date.getMonth() + 1));
    returnArr.push(formatNumber(date.getDate()));

    returnArr.push(formatNumber(date.getHours()));
    returnArr.push(