将后台返回的时间戳用JS转换成可读的展示时间

最新推荐文章于 2024-07-02 00:30:00 发布

夏尔の

最新推荐文章于 2024-07-02 00:30:00 发布

阅读量6.7k

点赞数 4

分类专栏： JavaScript 文章标签：时间戳时间格式转化

本文链接：https://blog.csdn.net/qq_16371909/article/details/59483622

版权

JavaScript 专栏收录该内容

18 篇文章 0 订阅

订阅专栏

解决的问题是：将时间戳转换为可格式化的时间字符串

前后端数据交互时，后台返回给我们的时间字段的格式可能是一个时间戳或者包含时间戳的一个字符串，例如这种"/Date(1454487480434)/"，前端在展示的时候想要把它转化成“yyyy-MM-dd”这种格式或者是其他分割符连接的形式，为此我写了一个简单的封装函数来完成这项工作。

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>将时间戳转换为格式化时间字符串</title>
	</head>

	<body>
		<h1>请打开控制台看实例输出的结果</h1>
	</body>

	<script>		
		var timestamp = "/Date(1493424000000)/";//随便举个例子而已		
		console.log(timestamp2Time(timestamp, "-"));
		
		//两个参数，第一个是要格式化的字符串，第二个是以什么分割符将年，月，日连接
		function timestamp2Time(timestamp, separator) {
			var result = "";
			
			if(timestamp) {
				var reg = new RegExp(/\D/, "g"); //提取数字字符串
				var timestamp_str = timestamp.replace(reg, "");

				var d = new Date();
				d.setTime(timestamp_str);
				var year = d.getFullYear();
				var month = d.getMonth() + 1;
				var day = d.getDate();
				if(month < 10) {
					month = "0" + month;
				}
				if(day < 10) {
					day = "0" + day;
				}
				result = year + separator + month + separator + day;
			}
			return result;
		}
	</script>

</html>

直接将代码整个copy下来就可以运行，使用方法在代码片段有说明。