格式化时间万能方法代码

最新推荐文章于 2023-06-10 11:53:51 发布

牟童

最新推荐文章于 2023-06-10 11:53:51 发布

阅读量479

点赞数

文章标签： javascript vue.js html

本文链接：https://blog.csdn.net/c9316/article/details/104785364

版权

function dateFormat(date,format){
	if(typeof date=="string"){
		var mts=date.match(/(\/Date\((\d+)\)\/)/);
		if(mts&&mts.length>=3){
			date=parseInt(mts[2]);
		}
	}
	date=new Date(date);
	if(!date||date.toUTCString()=="Invalid Date"){
		return "";
	}
	var map={
		"M":date.getMonth()+1,
		"d":date.getDate(),
		"h":date.getHours(),
		"m":date.getMinutes(),
		"s":date.getSeconds(),
		"q":Math.floor((date.getMonth()+3)/3),//季度
		"S":date.getMilliseconds()//毫秒
	};
	format=format.replace(/([yMdhmsqS])+/g,function(all,t){
		var v=map[t];
		if(v!==undefined){
			if(all.length>1){
				v="0"+v;
				v=v.substr(v.length-2);
			}
			return v;
		}else if(t==="y"){
			return (date.getFullYear()+"").substr(4-all.length);
		}
		return all;
	});
	return format;
}

如何使用：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="vue.js"></script>
</head>
<body>
	<div id="app">
		<div>{{date|format("yyyy-MM-dd")}}</div>
		
	</div>
	<script>
		Vue.filter("format",function(val,arg){
			function dateFormat(date,format){
				if(typeof date=="string"){
					var mts=date.match(/(\/Date\((\d+)\)\/)/);
					if(mts&&mts.length>=3){
						date=parseInt(mts[2]);
					}
				}
				date=new Date(date);
				if(!date||date.toUTCString()=="Invalid Date"){
					return "";
				}
				var map={
					"M":date.getMonth()+1,
					"d":date.getDate(),
					"h":date.getHours(),
					"m":date.getMinutes(),
					"s":date.getSeconds(),
					"q":Math.floor((date.getMonth()+3)/3),//季度
					"S":date.getMilliseconds()//毫秒
				};
				format=format.replace(/([yMdhmsqS])+/g,function(all,t){
					var v=map[t];
					if(v!==undefined){
						if(all.length>1){
							v="0"+v;
							v=v.substr(v.length-2);
						}
						return v;
					}else if(t==="y"){
						return (date.getFullYear()+"").substr(4-all.length);
					}
					return all;
				});
				return format;
			}
			return dateFormat(val,arg);
		})
		var vm =new Vue({
			el:"#app",
			data:{
				date:new Date()
			}
		});
	</script>
</body>
</html>