封装日期格式化函数_封装时间格式化,当前时间-优快云博客

本文链接：https://blog.youkuaiyun.com/IT_iosers/article/details/112911076

本文介绍JavaScript ES8中新增的字符串处理函数padStart()，并展示了如何使用它对日期进行格式化，确保不足位数时自动补零。实例演示了如何在日期格式中应用padStart()，提升日期显示的规范性。

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

es8扩展了两个字符串相关的方法分别是：padStart()、padEnd()可用于数字位数不够，前后位补0或者其他

str.padStart(targetLength[,padString])
// targetLength：填充后字符串的长度
// padString: 可选，填充的字符串
//例子：
console.log('abc'.padStart(5,'c')); //ccabc
// 若该值小于本身的长度，则原样返回
console.log('abc'.padStart(2,'c'));// abc
console.log('abc'.padStart(1,'c'));//abc

通过padStart()函数对未满2位数的直接在其前方+0

    const date = new Date('2021-1-20 21:05:12')
    function formatDate(date, format = 'YYYY年MM月DD日 HH:mm:ss') {   // 第二个参数为默认参数  也可传自己想要的格式
        const config = {
            YYYY: new Date(date).getFullYear(),
            MM: String(new Date(date).getMonth() + 1).padStart(2,'0'),
            DD: String(new Date(date).getDate()).padStart(2, '0'),
            HH: String(new Date(date).getHours()).padStart(2, '0'),
            mm: String(new Date(date).getMinutes()).padStart(2, '0'),
            ss: String(new Date(date).getSeconds()).padStart(2, '0'),
        }
        // 替换掉格式
        for (const key in config) {
            format = format.replace(key, config[key])
        }
        return format
    }
    
    console.log(formatDate(date));