js时间日期格式化封装函数

下面我将详细讲解“js时间日期格式化封装函数”的完整攻略。

什么是时间日期格式化？

时间日期格式化就是将日期和时间类型的数据按照一定的格式进行展示，常见的格式有以下几种：

• 年月日时分秒：YYYY-MM-DD HH:mm:ss
• 年月日：YYYY-MM-DD
• 时分秒：HH:mm:ss

为什么要进行时间日期格式化？

在实际的开发中，时间日期的格式可能会影响到展示和处理的效果。例如，将日期时间按照规定的格式进行展示，能够更好的满足用户的需求，提高用户的体验。

如何封装js时间日期格式化函数？

在封装js时间日期格式化函数时，我们可以使用正则表达式和字符串的截取来进行处理。下面是一个基础版的js时间日期格式化函数：

 function formatDate(date, format) {
     var o = {
         "M+": date.getMonth() + 1, //月份
         "d+": date.getDate(), //日
         "h+": date.getHours(), //小时
         "m+": date.getMinutes(), //分
         "s+": date.getSeconds(), //秒
         "q+": Math.floor((date.getMonth() + 3) / 3), //季度
         "S": date.getMilliseconds() //毫秒
     };
     if (/(y+)/.test(format)) format = format.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length));
     for (var k in o)
         if (new RegExp("(" + k + ")").test(format)) format = format.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
     return format;
 }

这个函数接受两个参数，第一个是日期对象，第二个是需要的日期格式。首先定义了一个包含了年、月、日、小时、分钟、秒等信息的对象o。然后，通过正则表达式匹配对应的格式，将日期中的各个部分插入到对应的位置上，并返回整体的字符串结果。

基础版函数已经足够一般应用，但是如果需要自定义功能，可以通过添加更多的参数和功能来进行扩展。

示例1：将日期时间进行格式化

下面是一个具体的应用这个函数的示例，将传入的日期对象“2021-05-01 12:34:56”按照需要的格式进行展示。

var date = new Date('2021-05-01 12:34:56');
console.log(formatDate(date, 'YYYY年MM月DD日 HH:mm:ss'));

运行结果为：

2021年05月01日 12:34:56

示例2：将时间戳转换成需要的格式

除了可以直接对日期对象进行格式化，我们还可以通过将时间戳（从1970年1月1日零点到目前时间的毫秒数）转换成日期对象来进一步处理。

var timestamp = 1621862899870;
var date = new Date(timestamp);
console.log(formatDate(date, 'YYYY年MM月DD日 HH:mm:ss'));

运行的结果为：

2021年05月24日 11:14:59

这个函数在实际开发中非常有用，并且可以根据具体需求进行扩展和修改。希望这篇文档能够对你有所帮助。