vue 时间戳转换

Posted 水星记_

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 时间戳转换相关的知识,希望对你有一定的参考价值。

前言

内容比较基础,但对于刚入门的人来说或许是一个窗口,博客将持续更新改进,请关注收藏...


可以直接挂载在main.js供全局使用

//时间戳
Vue.filter('timefilter', function (originVal) {
    var date = new Date(originVal * 1000)
    let y = date.getFullYear();
    let MM = date.getMonth() + 1;
    MM = MM < 10 ? "0" + MM : MM;
    let d = date.getDate();
    d = d < 10 ? "0" + d : d;
    let h = date.getHours();
    h = h < 10 ? "0" + h : h;
    let m = date.getMinutes();
    m = m < 10 ? "0" + m : m;
    let s = date.getSeconds();
    s = s < 10 ? "0" + s : s;
    return y + "-" + MM + "-" + d + " " + h + ":" + m + ":" + s;
})

页面调用

<div>{{item.times | timefilter}}</div>

以上是关于vue 时间戳转换的主要内容,如果未能解决你的问题,请参考以下文章

vue.js怎样将时间戳转化为日期格式

vue.js怎样将时间戳转化为日期格式

vue 时间戳转换

时间戳转换日期格式 - Vue

带你掌握Vue过滤器filters及时间戳转换

vue 获取时间戳对象转换为日期格式