JavaScript内置日期、时间格式化时间实例代码
一、基础知识(date对象的方法)
getFullYear( ) 用于返回一个表示年份的4位数
getMonth( ) 返回表示月份的数字,但是返回值是 0(一月) 到 11(十二月) 之间的一个整数
getDate( ) 返回某一天
getHours( ) 返回时间的小时字段
getMinutes( ) 返回时间的分钟字段
getSeconds( ) 返回时间的秒,返回值是 0 ~ 59 之间的一个整数
二、格式化日期
案例:将此刻的时间格式化(因为时间在流逝,所以结果会不同哟!)
代码如下:
文章图片
效果呈现:
文章图片
三、封装函数实现格式化日期(方便咱们后面使用)
【JavaScript内置日期、时间格式化时间实例代码】代码如下:
文章图片
效果呈现:
文章图片
虽然这个案例比较简单但是还是有需要注意的地方哈!比如我们在得到月份的时候必须要+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内置格式化时间内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- JavaScript块级作用域绑定以及状态提升详解
- javascript|JavaScript如何打开和使用JavaScript控制台
- 客户端JavaScript的线程池设计详解
- JavaScript获取时区实现过程解析
- jquery的height()和javascript的height总结,js获取屏幕高度
- Greenplum日期函数记录
- javascript|webpack5 splitChunks 配置和用法
- Javascript|Javascript Constructor构造器模式与Module模块模式
- javascript动态分页的实现方法实例
- JavaScript正则验证密码强弱度的实现方法