javascript时间格式format函数,js日期格式化函数

发布时间:2025-05-19 19:09:58 发布人:远客网络

一、javascript时间格式format函数,js日期格式化函数

本文将介绍一个JavaScript中的日期格式化函数，当我们使用new Date()获取日期时，它可能并不会按照预期显示。接下来，我会分享一个自定义的format()函数，希望对您有所帮助。

JavaScript Date Format（js日期格式化）

Date.prototype.pattern=function(fmt){ var o={"M+": this.getMonth()+1,//月份"d+": this.getDate(),//日"h+": this.getHours()%12== 0? 12: this.getHours()%12,//小时"H+": this.getHours(),//小时"m+": this.getMinutes(),//分"s+": this.getSeconds(),//秒"q+": Math.floor((this.getMonth()+3)/3),//季度"S": this.getMilliseconds()//毫秒}; var week={"0":"/u65e5","1":"/u4e00","2":"/u4e8c","3":"/u4e09","4":"/u56db","5":"/u4e94","6":"/u516d"}; if(/(y+)/.test(fmt)){ fmt=fmt.replace(RegExp.$1,(this.getFullYear()+"").substr(4- RegExp.$1.length));} if(/(E+)/.test(fmt)){ fmt=fmt.replace(RegExp.$1,((RegExp.$1.length>1)?(RegExp.$1.length>2?"/u661f/u671f":"/u5468"):"")+week[this.getDay()+""]);} for(var k in o){ if(new RegExp("("+ k+")").test(fmt)){ fmt= fmt.replace(RegExp.$1,(RegExp.$1.length==1)?(o[k]):(("00"+ o[k]).substr((""+ o[k]).length)));}} return fmt;}

var date= new Date(); window.alert(date.pattern("yyyy-MM-dd hh:mm:ss"));

//对Date的扩展，将 Date转化为指定格式的String//月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q)可以用 1-2个占位符，//年(y)可以用 1-4个占位符，毫秒(S)只能用 1个占位符(是 1-3位的数字)//例子：//(new Date()).Format("yyyy-MM-dd hh:mm:ss.S")==> 2006-07-02 08:09:04.423//(new Date()).Format("yyyy-M-d h:m:s.S")==> 2006-7-2 8:9:4.18 Date.prototype.Format= function(fmt){ var o={"M+": this.getMonth()+ 1,//月份"d+": this.getDate(),//日"h+": this.getHours(),//小时"m+": this.getMinutes(),//分"s+": this.getSeconds(),//秒"q+": Math.floor((this.getMonth()+ 3)/ 3),//季度"S": this.getMilliseconds()//毫秒}; if(/(y+)/.test(fmt)) fmt= fmt.replace(RegExp.$1,(this.getFullYear()+"").substr(4- RegExp.$1.length)); for(var k in o) if(new RegExp("("+ k+")").test(fmt)) fmt= fmt.replace(RegExp.$1,(RegExp.$1.length== 1)?(o[k]):(("00"+ o[k]).substr((""+ o[k]).length))); return fmt;}

var haorooms1= new Date().Format("yyyy-MM-dd"); var haorooms2= new Date().Format("yyyy-MM-dd hh:mm:ss"); alert(haorooms1); alert(haorooms2);

以上两种方法均来源于网络，经过验证测试，均可用。使用时，您可以将它们封装起来，直接在函数中调用。这两种时间格式化函数方法都比较实用。

如有更好的方法，欢迎留言交流，谢谢！

二、JavaScript 日期和时间的格式化

JavaScript日期和时间的格式化涉及到多种方法，本文将详细介绍不同方法的实现与应用。

使用 toLocaleString方法格式化日期时间，需传入地区设置与选项。例如：`new Date().toLocaleString('zh-CN',{year:'numeric', month:'long', day:'numeric', hour:'numeric', minute:'numeric', second:'numeric'})`。

2、使用 Intl.DateTimeFormat对象

借助 Intl.DateTimeFormat实现特定语言环境下的日期时间格式化，通过选项自定义格式。例如：`new Intl.DateTimeFormat('zh-CN',{dateStyle:'full', timeStyle:'short'}).format(new Date())`。

通过字符串模板与操作方法实现自定义格式化，如将日期时间格式化为 YYYY-MM-DD HH:mm:ss。代码示例：``${date.getFullYear()}-${date.getMonth()+1}-${date.getDate()}${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}``。

编写自定义函数来格式化日期时间，包含不可指定格式与可指定格式两种情况。不可指定格式的函数示例为：`function formatDateTime(date){ return `${pad(date.getFullYear())}-${pad(date.getMonth()+1)}-${pad(date.getDate())}${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`}`；可指定格式的函数示例为：`function formatDateTime(date, fmt){...}`，此函数支持多种格式化选项。

利用 Moment.js和 date-fns等库，提供更丰富的日期时间格式化选项，兼容不同浏览器与环境。

使用 `new Date()`创建当前时间的 Date对象。

通过 Date对象的方法如 `getFullYear()`, `getMonth()`, `getDate()`, `getHours()`, `getMinutes()`, `getSeconds()`等获取日期和时间的各个部分。

使用 `setDate()`, `setHours()`, `setMinutes()`, `setSeconds()`等方法设置日期时间，通过 `get`方法获取后进行计算。

比较两个日期时间的大小，通过 `getTime()`方法将日期时间转换为毫秒数进行比较。

使用 `Date`对象的方法进行日期时间操作，如 `setDate()`, `setHours()`等。

获取本周、上周、本月、上月、本年的开始和结束时间，通过调用相应的函数获取。

根据出生日期计算年龄，考虑闰年因素，提供较为准确的计算方法。

使用 Date对象时，需注意方法与属性的正确使用，以实现高效、准确的日期时间处理。