在项目里面,涉及到时间相关问题,后端一般会传一个时间戳给前端,后端传过来的时间戳如下。
data.json
[
{
"visitTime": 1572502840091
}, {
"visitTime": 1572512489920
}, {
"visitTime": 1572512489920
}, {
"visitTime": 1572512489920
}, {
"visitTime": 1572512489920
}, {
"visitTime": 1572513935374
}
]
如何将后端传的时间戳转化为年月日,渲染在前端界面?参考代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>时间戳转换为时间</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
</head>
<body>
<div id="rightalarm">
</div>
</body>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
$.ajax({
url: "data.json", //json文件位置
type: "GET", //请求方式为get
dataType: "json", //返回数据格式为json
success: function(data) { //请求成功完成后要执行的方法
alert(JSON.stringify(data))
$.each(data, function(i, item) {
var html = "";
var date = new Date(item.visitTime);
var month = date.getMonth() + 1;
var hours = date.getHours();
if(hours < 10)
hours = "0" + hours;
var minutes = date.getMinutes();
if(minutes < 10)
minutes = "0" + minutes;
var time = date.getFullYear() + "-" + month + "-" + date.getDate() +
" " + hours + ":" + minutes;
html += ' <div >' +time + ' </div>';
debugger;
$("#rightalarm").append(html);
})
}
})
})
</script>
</html>
这里推荐一个时间戳转换工具:https://tool.lu/timestamp 有兴趣的小伙伴可以去看一下。