vue时间戳转换为日期时间和前端页面实时展示系统当前时间无需后台交互数据

时间戳转换为日期

js:

function timestampToTime (time) {
// 时间戳为10位需*1000，时间戳为13位的话不需乘1000
    var date = new Date(time * 1000)
    let y = date.getFullYear()
    let MM = date.getMonth() + 1
    MM = MM < 10 ? ('0' + MM) : MM
    let d = date.getDate()
    d = d < 10 ? ('0' + d) : d
    let h = date.getHours()
    h = h < 10 ? ('0' + h) : h
    let m = date.getMinutes()
    m = m < 10 ? ('0' + m) : m
    let s = date.getSeconds()
    s = s < 10 ? ('0' + s) : s
    return y + '年' + MM + '月' + d + '日'
}

引用js

y.addTime是获取的当前时间戳，就是传入一个时间戳参数转化为日期时间
datas是axios返回数据内容

{{ timestampToTime(y.addTime)}}

效果

参考https://blog.csdn.net/zhang79513/article/details/105222119

前端页面实时展示当前系统时间

//要展示的时间块
 <div class="weather"><span id="showTime">span>div>

    <script>
        var t = null;
        t = setTimeout(time,1000);//開始运行
        function time()
        {
            clearTimeout(t);//清除定时器
            dt = new Date();
            var y=dt.getFullYear();
            var mt=dt.getMonth()+1;
            var day=dt.getDate();
            var h=dt.getHours();//获取时
            var m=dt.getMinutes();//获取分
            var s=dt.getSeconds();//获取秒
            document.getElementById("showTime").innerHTML = y+"年"+mt+"月"+day+"-"+h+"时"+m+"分"+s+"秒";
            t = setTimeout(time,1000); //设定定时器，循环运行
        }

    script>

效果图