JavaScript通过正则实现日期格式化

Dear 丶 2023-06-19 06:55 27阅读 0赞

在javascript开发中，我们会遇到日期时间格式化的问题，一般而言，默认我们都是 采用yyyy-MM-dd hh:mm:ss这样的格式，简单的做法就是获取时间的各个字段，年、月、日、时、分、秒，然后通过字符串拼接的方式组成这样的日期时间格式，当月份，日期，小时，分钟，秒数不足10的时候，前面补充0来达到这样的目的。但是一般而言，这种格式化方式比较死板，当我们更换一种格式化方式的时候，就需要重写一个函数。

这里给出一个通过正则来实现日期格式化的例子，它的思路很巧妙，利用一个map映射，存放月、日、时、分、秒，然后依次通过字符替换的方式，将格式化表达式替换为年月日时分秒的表达式，最后还需要算上年的替换。

测试代码如下，这个方法只需要修改格式化表达式就可以达到日期格式化目的了。

var Utils = {
    	formatDate:function(time,format){
    		var date = time||new Date();
    		var map ={
    			'y' : date.getFullYear(),
    			'M' : date.getMonth()+1,//month
    			'd' : date.getDate(),//date
    			'H' : date.getHours(),//hours
    			'm' : date.getMinutes(),//minutes
    			's' : date.getSeconds() //seconds
    		};
    		for(var i in map){
    			if(map.hasOwnProperty(i)){
    				if(map[i]<10){
    					map[i] = '0'+map[i];
    				}
    			}
    		}
    		format = format||'yyyy-MM-dd HH:mm:ss';
    		var reg = new RegExp('y+|M+|d+|H+|m+|s+','g');
    		var regY = new RegExp('y');
    		format = format.replace(reg,function(v){
    			var old = v;
    			if(regY.test(v)){
    				var y = ""+map['y'];
    				var len = 4-v.length;
    				old = y.substr(len);
    			}else{
    				var key = v.substr(0,1);
    				old = map[key];
    			}
    			return old;
    		});
    	   return format;		   
    	}
    };
    console.log(Utils.formatDate(new Date(),'yyyy年MM月dd日HH:mm:ss'))
    console.log(Utils.formatDate(new Date(),'yyyy-MM-dd/HH:mm:ss'))
    console.log(Utils.formatDate(new Date(),'yyyy/MM/dd/HH:mm:ss'))
    console.log(Utils.formatDate(new Date(),'yyyyMMddHHmmss'))

运行结果如下：

![20200423165756400.png][]

[20200423165756400.png]: https://img-blog.csdnimg.cn/20200423165756400.png

发表评论取消回复

表情：

评论列表（有 0 条评论，27人围观）

还没有评论，来说两句吧...

相关阅读

相关 javascript【格式化时间日期】

javascript【格式化时间日期】操作： (1) 日期格式化代码 / 日期格式化函数<br/> 调用格式：需要使用日期对象调用

ゝ一世哀愁。/ 2023年10月15日 20:06/ 0 赞/ 43 阅读

相关 JavaScript通过正则实现日期格式化

在javascript开发中，我们会遇到日期时间格式化的问题，一般而言，默认我们都是采用yyyy-MM-dd hh:mm:ss这样的格式，简单的做法就是获取时间的各个

Dear 丶/ 2023年06月19日 06:55/ 0 赞/ 28 阅读

相关 python正则表达式匹配日期_javaScript 正则表达式匹配日期

// yyyyMMddhhmmss var pattern = /^(?:(?!0000)\[0-9\]\{4\}(?:(?:0\[1-9\]|1\[0-2\])(?:0\[

痛定思痛。/ 2023年01月01日 01:46/ 0 赞/ 307 阅读

相关 javascript中日期格式化

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

àì夳堔傛蜴生んèń/ 2022年12月04日 07:31/ 0 赞/ 206 阅读

相关 JavaScript格式化日期时间

[点此查看全部文字教程、视频教程、源代码][Link 1] 本文目录 1. 前言 2. 格式化日期时间 3. 封装为函数 4. 小结

一时失言乱红尘/ 2022年09月04日 04:46/ 0 赞/ 304 阅读

相关 java正则实现各种日期格式化

`package` `com.st.test;` `import` `java.text.DateFormat;` `import` `java.text.Simpl

怼烎@/ 2022年08月18日 11:34/ 0 赞/ 143 阅读

相关 javascript 日期格式化

日期格式化是使用率非常高的，一个实用的日期格式化工具能大大提高工作效率。 1、给 Date 函数原型扩展一个 format 方法： / Date函数原型扩展 /

亦凉/ 2022年04月22日 03:04/ 0 赞/ 290 阅读

相关 JavaScript 格式化字符串 & 需要转义的正则表达式

<!DOCTYPE html> <html> <head> <meta charset="utf8"> <script> Str

痛定思痛。/ 2022年04月14日 03:08/ 0 赞/ 198 阅读

相关使用Javascript正则表达式来格式化XML内容

使用得是Emeditor ，在看XML文档时，总是因为格式混乱而看不清。这个是一个Emeditor宏来自动格式化XML。下载：[formatXml.rar (1,021.00

拼搏现实的明天。/ 2022年03月31日 15:26/ 0 赞/ 204 阅读

相关格式化日期的js（正则魅力）

/ 时间对象的格式化; / Date.prototype.format = function(format) { // ◆ 使用proto

电玩女神/ 2022年03月31日 03:28/ 0 赞/ 185 阅读