如何编写JavaScript代码实现内置日期时间格式化实例?

更新于
2026-09-26 13:14:46
3阅读来源:SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计550个文字,预计阅读时间需要3分钟。

如何编写JavaScript代码实现内置日期时间格式化实例?

一、基础知识(date对象的常用方法)+getFullYear() + 返回一个表示年份的4位数字+getMonth() + 返回一个表示月份的数字(0-11)+getDate() + 返回一个表示日期的数字(1-31)

如何编写JavaScript代码实现内置日期时间格式化实例?

一、基础知识(date对象的方法)

😜 getFullYear( ) 用于返回一个表示年份的4位数

🤣 getMonth( ) 返回表示月份的数字,但是返回值是 0(一月) 到 11(十二月) 之间的一个整数

😘 getDate( ) 返回某一天

😊 getHours( ) 返回时间的小时字段

😍 getMinutes( ) 返回时间的分钟字段

😎 getSeconds( ) 返回时间的秒,返回值是 0 ~ 59 之间的一个整数

二、格式化日期

案例:将此刻的时间格式化(因为时间在流逝,所以结果会不同哟!)

代码如下:

效果呈现:

三、封装函数实现格式化日期(方便咱们后面使用)

代码如下:

效果呈现:

虽然这个案例比较简单但是还是有需要注意的地方哈!比如我们在得到月份的时候必须要+1,否则返回的月份会比真实的月份少1。这也在提醒我们在敲代码的时候一定要细心细心再细心!

附一个比较流行的js格式化日期和时间的封装函数:

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 now = new Date(); // 一般传入毫秒时间戳进行初始化 var nowStr = now.format("yyyy-MM-dd hh:mm:ss");

四、总结

到此这篇关于JavaScript内置日期、时间格式化时间的文章就介绍到这了,更多相关JavaScript内置格式化时间内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联!

本文共计550个文字,预计阅读时间需要3分钟。

如何编写JavaScript代码实现内置日期时间格式化实例?

一、基础知识(date对象的常用方法)+getFullYear() + 返回一个表示年份的4位数字+getMonth() + 返回一个表示月份的数字(0-11)+getDate() + 返回一个表示日期的数字(1-31)

如何编写JavaScript代码实现内置日期时间格式化实例?

一、基础知识(date对象的方法)

😜 getFullYear( ) 用于返回一个表示年份的4位数

🤣 getMonth( ) 返回表示月份的数字,但是返回值是 0(一月) 到 11(十二月) 之间的一个整数

😘 getDate( ) 返回某一天

😊 getHours( ) 返回时间的小时字段

😍 getMinutes( ) 返回时间的分钟字段

😎 getSeconds( ) 返回时间的秒,返回值是 0 ~ 59 之间的一个整数

二、格式化日期

案例:将此刻的时间格式化(因为时间在流逝,所以结果会不同哟!)

代码如下:

效果呈现:

三、封装函数实现格式化日期(方便咱们后面使用)

代码如下:

效果呈现:

虽然这个案例比较简单但是还是有需要注意的地方哈!比如我们在得到月份的时候必须要+1,否则返回的月份会比真实的月份少1。这也在提醒我们在敲代码的时候一定要细心细心再细心!

附一个比较流行的js格式化日期和时间的封装函数:

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 now = new Date(); // 一般传入毫秒时间戳进行初始化 var nowStr = now.format("yyyy-MM-dd hh:mm:ss");

四、总结

到此这篇关于JavaScript内置日期、时间格式化时间的文章就介绍到这了,更多相关JavaScript内置格式化时间内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联!