js前端格式化日期函数

开发需求

在前端中我们通常使用new Date()函数获取到的日期时间是下面这种样子：Thu Jun 06 2024 17:29:11 GMT+0800 (中国标准时间)，我们想要把它转换成常见的指定格式，比如

• 年-月-日 时:分:秒
• 年/月/日 时:分:秒
• 年-月-日
• 年/月/日

所以就封装了这个公共方法，类似于 python 中的时间处理函数 strftime()。

方法使用

该方法传入两个参数， date （时间）和 format（指定格式化格式）

• date：日期时间，Date()类型，默认是new Date()
• format：指定格式化格式，默认是 YY-MM-DD，即就是年-月-日

返回：返回的结果就是根据当前时间格式化后 年月日 时分秒

formatDate(new Date(), 'YY/MM/DD h:m:s')   // 2024/6/6 17:20:41
formatDate(new Date(), 'YY-MM-DD h:m:s')   // 2024-6-6 17:20:55
formatDate(new Date(), 'YY/MM/DD')   // 2024/6/6
formatDate(new Date(), 'YY-MM-DD')   // 2024-6-6

代码实现

/*** @description 格式化日期函数* @param date Date* @param format 'YY-MM-DD'* @returns {string}*/
export const formatDate = (date = new Date(), format = 'YY-MM-DD') => {let year = date.getFullYear();let month = date.getMonth() + 1;let today = date.getDate();let hour = date.getHours()let minute = date.getMinutes()let second = date.getSeconds()let currentTime;switch (format) {case "YY-MM-DD h:m:s":currentTime = `${year}-${month}-${today} ${hour}:${minute}:${second}`;break;case "YY/MM/DD h:m:s":currentTime = `${year}/${month}/${today} ${hour}:${minute}:${second}`break;case "YY/MM/DD":currentTime = `${year}/${month}/${today}`break;case "YY-MM-DD":currentTime = `${year}-${month}-${today}`break;default:currentTime = `${year}/${month}/${today}`break}return currentTime;}

测试

formatDate(new Date(), 'YY/MM/DD h:m:s')   // 2024/6/6 17:20:41
formatDate(new Date(), 'YY-MM-DD h:m:s')   // 2024-6-6 17:20:55
formatDate(new Date(), 'YY/MM/DD')   // 2024/6/6
formatDate(new Date(), 'YY-MM-DD')   // 2024-6-6