小记，VUE时间格式化过滤器

最新推荐文章于 2023-05-08 18:10:36 发布

我回来了啊

最新推荐文章于 2023-05-08 18:10:36 发布

阅读量421

点赞数 2

分类专栏：小记文章标签： vue 过滤器前端时间格式化时间戳转时间

本文链接：https://blog.csdn.net/weixin_39735753/article/details/84727598

版权

小记专栏收录该内容

2 篇文章 0 订阅

订阅专栏

小记，VUE时间格式化过滤器

在前端获取数据的时候，经常会有时间格式的转换，在JQ中，我们可以获取到具体的某一个时间戳，再进行转换，然后渲染到页面上。可是在vue中，一般都是循环得到一个列表，时间戳一般是这个列表中的每一项里的某个属性，会通过V-for直接渲染到页面上，这样就不方便像jq那样单个的进行转换。好在vue给我们提供了过滤器filters，下面就是一个时间转换的例子。

使用方法：
{{item.createTime|time}}

// 例子
filters: {
    time: function time(time) {
        var date = new Date(time);
        Y = date.getFullYear() + '-';
        M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1)) : date.getMonth()+1) + '-';
        D = date.getDate() + ' ';
        h = date.getHours() + ':';
        m = date.getMinutes() + ':';
        s = date.getSeconds();
        return Y+M+D+h+m+s;
    }
}