在项目里面,涉及到时间相关问题,后端一般会传一个时间戳给前端,后端传过来的时间戳如下。
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 有兴趣的小伙伴可以去看一下。