如何将后端传的时间戳转化为年月日

简介: 如何将后端传的时间戳转化为年月日

在项目里面,涉及到时间相关问题,后端一般会传一个时间戳给前端,后端传过来的时间戳如下。

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 有兴趣的小伙伴可以去看一下。

相关文章
将时间格式转化成时间戳和时间戳转化成时间格式的公式
将时间格式转化成时间戳和时间戳转化成时间格式的公式
|
11月前
|
JSON JavaScript 前端开发
uniapp时间戳转换成年月日时分秒的格式
uniapp时间戳转换成年月日时分秒的格式
298 1
uniapp时间戳转换成年月日时分秒的格式
|
11月前
|
JSON 小程序 JavaScript
小程序返回的时间戳转化成时间
小程序返回的时间戳转化成时间
41 0
|
12月前
时间戳转化成日期
时间戳转化成日期
62 0
|
存储 Java 程序员
实战:求年月日时间前后遇到的坑和解决方式
这周接到一个时间转换任务需要处理,本来没什么问题,后来完成后发现时间有偏差,又重写了一遍代码,感觉很有记录必要性,希望看过的小伙伴可以避坑。
实战:求年月日时间前后遇到的坑和解决方式
|
前端开发 数据格式
前端实现年月日时分秒的转换
前端实现年月日时分秒的转换
160 0
|
Java 数据库
日期转时间戳格式
日期转时间戳格式
197 0
|
JavaScript Kotlin
时间戳转化为时分秒格式
时间戳转化为时分秒格式
382 0
时间戳转换为日期格式
时间戳转换为日期格式
252 0