原生js时间格式化方法封装

start_sea

已于 2022-01-22 11:48:46 修改

阅读量532

点赞数

文章标签： javascript 前端 vue.js

于 2021-12-28 19:15:18 首次发布

本文链接：https://blog.youkuaiyun.com/start_sea/article/details/122200462

版权

本文介绍了如何使用JavaScript创建一个名为formatDate的函数，该函数接受日期和格式参数，根据指定格式返回格式化后的时间字符串。特别注意了getMonth()方法返回的月份需要加1以得到正确值。示例中提供了不同格式的用法，如'YY/MM/DD'、'YYYY/MM/DD'等。这是一个实用的前端开发技巧，有助于提高代码的可读性和用户体验。

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

原生js时间格式化方法封装

创建formatDate函数，传入date（时间）和format（格式）两个参数，简单判断format返回相应格式的时间

注意：getMonth()方法获取到的月份会比实际月份小1，因此需要加1

function formatDate(date, format) {
    let yFull = date.getFullYear();
    let y = date.getYear();
    let m = date.getMonth() + 1;
    let d = date.getDate();
    let time = '';
    if (format == 'YY/MM/DD') {
        time = y + '/' + m + '/' + d;
    } else if (format == 'YYYY/MM/DD') {
        time = yFull + '/' + m + '/' + d;
    } else if (format == 'YY-MM-DD') {
        time = y + '-' + m + '-' + d;
    } else if (format == 'YYYY-MM-DD') {
        time = yFull + '-' + m + '-' + d;
    } else {
        time = yFull + '-' + m + '-' + d;
    }
    return time
}

使用：

checkDate(date) {
      console.log(this.Common.formatDate(date, 'YYYY-MM-DD'));
}

如果对你有帮助，记得点个赞噢（~~）