js日期格式化器，format,parse

最新推荐文章于 2023-05-26 01:09:58 发布
最新推荐文章于 2023-05-26 01:09:58 发布
阅读量2.1k 收藏
点赞数
分类专栏： Javascript + html + css 文章标签： js Date format Date parse 日期格式化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhang_7150/article/details/50010113
版权

js日期格式化器，format,parse


//字符串格式化为固定长度，默认将占位符补到右侧
	//@param {string} str 源字符串
	//@param {int} length 固定长度
	//@param {string} place 占位符，默认为 "0"
	//@param {boolean} left 是否将占位符补到字符串左侧
	var fix = function(str,length,place,left){
		if (typeof str !== 'string') {
			return str;
		};
		length = length || 0;
		if (str.length >= length) {
			return str;
		};
		place = place || '0';
		var len = length - str.length,
			times = Math.floor(len / place.length),
			arr = [];
		for (var i = 0; i < times; i++) {
			arr.push(place);
		};
		if (left) {
			if (str.length + arr.length < length) {
				arr.push(place.substr(0,str.length - length));
			};
			str = arr.join('') + str;
		}else{
			str += arr.join('');
			if (str.length < length) {
				str += place.substr(0,str.length - length);
			};
		}

		return str;
	};

	//月份全称
	var MONTHNAMES = ['January','February','March','April','May','June','July','August','September','October','November','December'];

/*
		将日期格式的对象格式化为字符串，如果不提供格式化器，将采用系统默认的Date.toString
		@see https://msdn.microsoft.com/zh-cn/library/8kb3ddd4(v=vs.100).aspx
		@warning 采用format格式化的日期字符串，如果还需要parse为日期格式，请使用完全格式化器，否则将导致解析失败
				For example:
					推荐 ：format(new Date(),'yyyy-MM-dd HH:mm:ss.fff')
					错误 ：format(new Date(),'yyyy-M-d H:m:s.f')，简化的格式化器转化出的字符串无法再被正确的parse

		格式说明符                  说明                              示例
		"d"             一个月中的某一天（1 到 31）。           6/1/2009 1:45:30 PM -> 1
                                                                6/15/2009 1:45:30 PM -> 15
        "dd"            一个月中的某一天（01 到 31）。          6/1/2009 1:45:30 PM -> 01
																6/15/2009 1:45:30 PM -> 15
		"f"             日期和时间值的十分之几秒。              6/15/2009 13:45:30.617 -> 6
																6/15/2009 13:45:30.050 -> 0
		"ff"            日期和时间值的百分之几秒。				6/15/2009 13:45:30.617 -> 61
																6/15/2009 13:45:30.005 -> 00
		"fff"     		日期和时间值的毫秒。					6/15/2009 13:45:30.617 -> 617
																6/15/2009 13:45:30.0005 -> 000
		"h"				采用 12 小时制的小时（从 1 到 12）。	6/15/2009 1:45:30 AM -> 1
																6/15/2009 1:45:30 PM -> 1
		"hh"			采用 12 小时制的小时（从 01 到 12）。	6/15/2009 1:45:30 AM -> 01
																6/15/2009 1:45:30 PM -> 01
		"H"				采用 24 小时制的小时（从 0 到 23）。	6/15/2009 1:45:30 AM -> 1
																6/15/2009 1:45:30 PM -> 13
		"HH"			采用 24 小时制的小时（从 00 到 23）。	6/15/2009 1:45:30 AM -> 01
																6/15/2009 1:45:30 PM -> 13
		"m"				分钟（0 到 59）。						6/15/2009 1:09:30 AM -> 9
																6/15/2009 1:09:30 PM -> 9
		"mm"			分钟（00 到 59）。						6/15/2009 1:09:30 AM -> 09
																6/15/2009 1:09:30 PM -> 09
		"M"				月份（1 到 12）。						6/15/2009 1:45:30 PM -> 6
		"MM"			月份（01 到 12）。						6/15/2009 1:45:30 PM -> 06
		"MMM"			月份的缩写名称。						6/15/2009 1:45:30 PM -> Jun
		"MMMM"			月份的完整名称。						6/15/2009 1:45:30 PM -> June
		"s"				秒（0 到 59）。							6/15/2009 1:45:09 PM -> 9
		"ss"			秒（00 到 59）。						6/15/2009 1:45:09 PM -> 09
		"t"				AM/PM 指示符的第一个字符。				6/15/2009 1:45:30 PM -> P
		"tt"			AM/PM 指示符。                          6/15/2009 1:45:30 PM -> PM
		"y"				年份（0 到 99）。						6/15/2009 1:45:30 PM -> 9
		"yy"			年份（00 到 99）。						1/1/1900 12:00:00 AM -> 00
																6/15/2009 1:45:30 PM -> 09
		"yyy"			年份（最少三位数字）。					1/1/0900 12:00:00 AM -> 900
																1/1/1900 12:00:00 AM -> 1900
																6/15/2009 1:45:30 PM -> 2009
		"yyyy"			由四位数字表示的年份。					6/15/2009 1:45:30 PM -> 2009
		"z"				相对于 UTC 的小时偏移量，无前导零。		6/15/2009 1:45:30 PM -07:00 -> -7
		"zz"			相对于 UTC 的小时偏移量，带有表示一		6/15/2009 1:45:30 PM -07:00 -> -07		
						位数值的前导零。
		"g"				公元纪年								6/15/0600 1:45:30 PM -07:00 -> -7
																6/15/2009 1:45:30 PM -07:00 -> -21
		"gg"				公元纪年（有前导0）						6/15/0600 1:45:30 PM -07:00 -> -07
																6/15/2009 1:45:30 PM -07:00 -> -21
	*/
	//@param {Date} date 要格式化的日期
	//@param {string} frm 格式化的字符串占位符
	var format = function(date,frm){
		if (!(date instanceof Date)) {
			return date;
		};
		if (!frm) {
			return date.toString();
		};
		var year = Math.abs(date.getFullYear()),
			n = date.getFullYear() < 0 ? '-' : '',
			offset = date.getTimezoneOffset() / 60,
			yearStr = n + fix(year.toString(),4,'0',true),
			y = parseInt(yearStr.substr(yearStr.length - 2)),
			month = date.getMonth() + 1,
			d = date.getDate(),
			H = date.getHours(),
			h = H != 12 ? H % 12 : H,
			m = date.getMinutes(),
			s = date.getSeconds(),
			f = date.getMilliseconds(),
			g = year % 100 == 0 ? (year / 100 + 1) : Math.ceil(year / 100);
		return frm.replace(/y+/g,function(match){
			var z = year < 0 ? '-' : '';
			switch(match.length){
				case 1:
					return y;
				case 2:
					return n+fix(y.toString(),2,'0',true);
				default:
					return n+fix(year.toString(),match.length,'0',true);
			}
		}).replace(/d{1,2}/g,function(match){
			if (match.length == 1) {
				return d;
			}
			return fix(d.toString(),match.length,'0',true);
		}).replace(/h{1,2}/g,function(match){
			if (match.length == 1) {
				return h;
			}
			return fix(h.toString(),match.length,'0',true);
		}).replace(/H{1,2}/g,function(match){
			if (match.length == 1) {
				return H;
			}
			return fix(H.toString(),match.length,'0',true);
		}).replace(/H{1,2}/g,function(match){
			if (match.length == 1) {
				return H;
			}
			return fix(H.toString(),match.length,'0',true);
		}).replace(/m{1,2}/g,function(match){
			if (match.length == 1) {
				return m;
			}
			return fix(m.toString(),match.length,'0',true);
		}).replace(/s{1,2}/g,function(match){
			if (match.length == 1) {
				return s;
			}
			return fix(s.toString(),match.length,'0',true);
		}).replace(/f+/g,function(match){
			var ms = f.toString();
			if (ms.length > match.length) {
				return ms.substr(0,match.length);
			};
			return fix(ms.toString(),match.length,'0',true);
		}).replace(/g{1,2}/g,function(match){
			if (match.length == 1) {
				return g;
			}
			return n+fix(g.toString(),match.length,'0',true);
		}).replace(/z{1,2}/g,function(match){
			if (match.length == 1) {
				return offset;
			}
			return (offset < 0 ? '-' : '') + fix(Math.abs(offset).toString(),match.length,'0',true);
		}).replace(/t{1,2}/g,function(match){
			if (match.length == 1) {
				return H >= 12 ? 'P' : 'A';
			}
			return H >= 12 ? 'P{#}' : 'A{#}';
		}).replace(/M{1,4}/g,function(match){
			switch(match.length){
				case 1:
					return month;
				case 2:
					return fix(month.toString(),match.length,'0',true);
				default:
					var M = MONTHNAMES[month-1];
					return match.length < 4 ? M.substr(0,3) : M;
			}
		}).replace(/\{\#\}/g,'M');
	};


/*
		将字符串转换为日期格式，如果未提供格式化器，则采用系统默认的Date.parse
		格式化器见format
		@param {string} dateStr 字符串形式的日期
		@param {string} frm 自定义的日期格式化器
		@example 
					日期字符串													格式化器
			'2015-11-23 16:30:25.506'									'yyyy-MM-dd HH:mm:ss.fff'

			'-03世纪 -0200年December月01日 00时00分00秒000毫秒 AM -08'	'gg世纪 yyyy年MMMM月dd日 hh时mm分ss秒fff毫秒 tt zz'
		
	*/
	var parse = function(dateStr,frm){
		if (!dateStr) {
			return null;
		};
		if (!frm) {
			return new Date(Date.parse(dateStr));
		};
		var place,
			last,
			FORMATS = 'yMdhHmsfztg',
			date = new Date(0,0,1),
			h,
			z,
			t,
			//format字符串占位符相对于日期字符串的偏移量
			//年份、世纪、时区 会出现负数，导致位移
			//月份全称长度不固定，导致位移
			p = 0,
<span style="white-space:pre">			</span>str;
		frm = frm.split('');
		//i <= frm.length 多取一位，在循环中完全处理掉日期替换
		for (var i = 0; i <= frm.length; i++) {
			if(frm[i]!==last){
				if (place) {
					place = place.join('');
					str = subDateStr(dateStr,place,i,p);
					p = str.p;
					set(str.str, place);
				};
				place = null;
				if (FORMATS.indexOf(frm[i]) >= 0) {
					place = [frm[i]];
				};
			}else{
				place && place.push(frm[i]);
			}
			last = frm[i];
		};

		if (h) {
			t == 'PM' && (h += 12);
			date.setHours(h);
		};

		if (z) {
			z = new Date().getTimezoneOffset() / 60 - z;
			date.setHours(date.getHours() + z);
		};

		return date;

		function subDateStr(dateStr,place,i,p){
			if (!place || !place.length) {
				return '';
			};
			var start = 0,str;
			if (place == 'MMMM') { //月份全称，长度不固定，特殊处理
				start = p + i - place.length;
				str = dateStr.substring(start,p + i - 1);
				for (var j = 0; j < MONTHNAMES.length; j++) {
					if(MONTHNAMES[j].indexOf(str) >= 0){
						str = MONTHNAMES[j];
						break;
					}
				};
				p+=(str.length - place.length);
			}else{
				start = p + i - place.length;
				str = dateStr.substring(start,p + i);
				if (place.indexOf('y') == 0 || place.indexOf('z') == 0 || place.indexOf('g') == 0) {
					if (str.indexOf('-') == 0) { //处理负数
						str = dateStr.substring(start,p + i+1);
						p++;
					};
				}
			}
			return {
				str:str || '',
				p:p
			};
		};

		function set(str,place){
			if (!place || !place.length || !str || !str.length) {
				return;
			};
			var v,c;
			if (/M{3,}/.test(place)) {
				for (var i = 0; i < MONTHNAMES.length; i++) {
					if(MONTHNAMES[i].indexOf(str) == 0){
						v = i;
						break;
					}
				};
				v != null && date.setMonth(v);
			}else if (place == 'yy' || place == 'y') {
				var Y = fix(new Date().getFullYear().toString(),4,'0',true);
				Y = Y.substr(0,Y.length-2);
				Y += fix(str,2,'0',true);
				v = parseInt(Y);
				date.setFullYear(v);
			}else{
				c = place.substr(0,1);
				if (c == 't') {
					t = place.length == 1 ? str + 'M' : str;
				}else{
					v = parseInt(str);
					switch(c){
						case 'h':
							h = v;
							break;
						case 'z':
							z = v;
							break;
						case 'y':
							date.setFullYear(v);
							break;
						case 'M':
							date.setMonth(v-1);
							break;
						case 'd':
							date.setDate(v);
							break;
						case 'H':
							date.setHours(v);
							break;
						case 'm':
							date.setMinutes(v);
							break;
						case 's':
							date.setSeconds(v);
							break;
						case 'f':
							date.setMilliseconds(v);
							break;
					}
				}				
			}
		}
	};


Kilin_Zhang
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DateFormat类的format方法和parse方法
Leon_Jinhai_Sun的博客
11-04 3347
package com.learn.demo03.DateFormat; import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Date; /* java.text.DateFormat:是日期/时间格式化子类的抽象类 作用: 格式化（也就是日期...
Date类format和parse的使用
m0_56772576的博客
11-23 1705
日期类使用
JavaScript Date.parse()详解
cxu123321的博客
05-22 3958
JavaScript Date.parse()详解 Date.parse()函数用于分析一个包含日期的字符串，并返回该日期与 1970 年 1 月 1 日午夜之间相差的毫秒数。 语法 Date.parse( dateString ) 参数 参数 描述 dateString String类型一个表示日期的字符串。 返回值 Date.parse()函数的返回值为Number类型，返回该字符串所表示的日期与 1970 年 1 月 1 日午夜之间相差的毫秒数。 下面这些...
DateFormat的parse()后日期不对
有问题请发邮箱dengyifanlittle@163.com进行讨论
12-21 2426
在使用字符串时间格式化为Date的操作时，使用DateFormat，代码如下： public void TimeFormat() { DateFormat df = new SimpleDateFormat("YYYY-MM-dd HH:mm:ss"); try { Date date = df.parse("2021-12-20 12:00:00"); System.out.println(date); ...
DateFormat类中parse()方法,将日期格式的字符串-->日期对象,格式转换
?疯啦
01-22 7868
转自：http://kingdelee.iteye.com/blog/1582205 package cn.itcast.p1.otherapi; import java.text.DateFormat; import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Date;
js中格式化日期时间型数据函数代码
10-28
在JavaScript中，处理日期和时间确实不如C#等其他语言方便，比如C#中可以使用`DateTime.Parse`或`Convert.ToDateTime`直接将字符串转换为日期对象，并使用`ToString`方法轻松地格式化日期。然而，通过上述方法，我们...
Asp.net中时间格式化的6种方法详细总结
01-20
在Asp.net开发中，对时间格式...此外，开发者还应该了解其他相关的数据格式化技术，比如JavaScript中的日期格式化，这对于前端展示也很重要。在实际项目中，根据具体需求选择合适的方法，可以更好地处理日期时间数据。
json日期格式化
02-25
总结，JSON日期格式化涉及理解JSON的非标准化日期表示，使用JavaScript内置或外部工具进行日期解析和格式化。通过选择合适的API或库，我们可以根据需求灵活地处理JSON中的日期字符串，使其符合我们的展示或存储需求...
JSON格式化-js
09-26
在描述中提到的"JSON格式化 JS"，指的是使用JavaScript实现的JSON数据的格式化功能。这个功能可以帮助开发者将杂乱无章的JSON字符串整理成清晰易读的结构，通过缩进和换行使其看起来更整洁。另一方面，“压缩”则是...
JavaScript中的Date.parse()详解
全栈科学家的博客
11-25 1966
JavaScript中的Date.parse()详解
Dateformat类的format方法和parse方法
qq_43702144的博客
01-22 2768
format方法和parse方法 String format(Date date) 按照指定的格式，把Date日期转化为符合模式的字符串。 parse(String obj) 把文本格式化为日期 下面示例演示： public class Demo03DataFormat { public static void main(String[] args) throws ParseException { //
JavaScript中Date.parse 函数用法（js简单时间比较）
大胖东的博客
03-29 4120
可以验证输入日期是否存在时，可以使用它，如果是一个不存在的日期，则其返回值将是NaN，另外如果要比较两个日期的先后，或是计算两个日期相差的天数 关于日期格式的，parse方法要求短日期可以使用“/”或“-”作为分隔符，但是必须用月/日/年的格式来表示，例如今天是“7/6/2008”或是“7-6-2008”，问题就出现在这里，当使用“7-6-2008”这种格式时，在 IE中可以正常解析，但在FireFox中，返回值却总是NaN。 可以将格式改为“7/6 /2008”后在IE和FF中都可以正常解析了。 if(.
js格式化日期（拿去直接输出即可）
heros0806的博客
02-15 726
js格式化日期（拿去直接输出即可）
SimpleDateFormat类(日期格式化类)中parse()方法和format()方法
最新发布
m0_69038398的博客
05-26 2371
parse()方法是实例方法，调用时需要创建SimpleDateFormat类的对象。s—代表秒数 S—代表毫秒数。方法返回的Date类型日期。
踩坑之Linux下DateFormat的parse方法解析异常
weixin_36898373的博客
07-04 2806
日常工作，公司安排要将原来跑在window环境的一个老项目迁移到Linux环境中，迁移完之后，便开始逐一测试项目的各个功能，保证其都可以正常使用。测试过程中终究还是发现了一个刚开始让我匪夷所思的现象，不过后来还是自己解决了，下面是我开始发现错误到解决问题的整个过程。 一个录入商品的功能，有三个时间字段，分别录入不同的时间，点击保存，结果只有一个保存成功，另...
时间处理类SimpleDateFormat的parse和format方法的使用
进击的ITgo
02-27 3684
    Java中怎么才能把日期转换成想要的格式呢，或把字符串转换成一定格式的日期，如把数据库中的日期或时间转换成自己想要的格式，JAVA中提供了SimpleDateFormat类可以实现。   SimpleDateFormat 是一个各种项目中使用频度都很高的类，主要用于时间解析与格式化，频繁使用的主要方法有parse和format.SimpleDateFormat 是一个以与语言环境有关的方式...
Date类 DateFormat format parse SimpleDateFormat
5G工业互联网
03-07 548
java.util.Date：表示日期和时间的类，类Date表示特定的瞬间，精确到毫秒。 DateFormat：日期格式化 java.text.DateFormat：日期/时间格式化子类的抽象类 DateFormat是抽象类，所以不方便创建对象，所以我们利用他的子类 SimpleDateFormat 创建对象。 使用DateFormat类中的 format方法，把日期解析为文本： 其实...
SimpleDateFormat.parse()方法中的时区设置缺陷
嘻嘻呵呵的博客
04-28 4224
SimpleDateFormat、Date和Calendar这三个类现在很多地方已经不再推荐使用了，JDK8可以使用Instant代替Date，LocalDateTime代替Calendar，DateTimeFormatter代替SimpleDateFormat 很多地方都会提到SimpleDateFormat线程不安全，这确实是一个非常严重的问题，但是这几个类的问题或者说设计缺陷不止于此： Date的名字有误导性，它表达的语义其实是一个时刻而不是一个日期； 很多地方隐式地将时区变换为系统默认时区，比如Si
日期格式化的代码有哪些
05-05
在JavaScript中，可以使用Date对象自带的toLocaleString()方法来格式化日期： ``` javascript // 将日期格式化为字符串 let today = new Date(); let formattedDate = today.toLocaleString("en-US", {year: '...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值