vue时间戳转换成日期

最新推荐文章于 2025-05-19 13:35:35 发布

阿乔姑娘

最新推荐文章于 2025-05-19 13:35:35 发布

阅读量5k

点赞数

本文介绍了一种在JavaScript中自定义日期格式的方法。通过创建一个公用的JS文件，定义了一个formatDate函数，能够将日期对象按照指定的格式进行转换。此外，还展示了如何在组件中使用这个函数作为过滤器来显示格式化的日期。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.首先，新建一个文件common.js为公用js文件
2.在common.js中写如下代码

export function formatDate (date, fmt) {
    if (/(y+)/.test(fmt)) {
        fmt = fmt.replace(RegExp.$1, 
                (date.getFullYear() + '').substr(4 - RegExp.$1.length));
    }
    let o = {
        'M+': date.getMonth() + 1,
        'd+': date.getDate(),
        'h+': date.getHours(),
        'm+': date.getMinutes(),
        's+': date.getSeconds()
    };
    for (let k in o) {
        if (new RegExp(`(${k})`).test(fmt)) {
            let str = o[k] + '';
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? 
            str : padLeftZero(str));
        }
    }
    return fmt;
};
 
function padLeftZero (str) {
    return ('00' + str).substr(str.length);
};

3.在你的需要转换时间戳的组件里像下面这样使用：

    export default {
        filters: {
            formatDate(time) {
                var date = new Date(time);
                return formatDate(date, 'yyyy/MM/dd');
            }
        }
    }

<div class="time">{{item.create_time | formatDate}}</div>

vue时间戳转换成日期

1.首先，新建一个文件common.js为公用js文件2.在common.js中写如下代码

3.在你的需要转换时间戳的组件里像下面这样使用：

1.首先，新建一个文件common.js为公用js文件
2.在common.js中写如下代码