获取当前日期+时间（例：2018-08-14 15:26:05）

最新推荐文章于 2024-08-29 10:13:47 发布

LiuMmeNg

最新推荐文章于 2024-08-29 10:13:47 发布

阅读量569

点赞数

本文链接：https://blog.csdn.net/weixin_41260799/article/details/81668452

版权

vue-cli项目中登录信息包括登录时间,实现右上角显示实时时间

<template>
    <div class="login-box">
        <span>{{userData.loginDate}}</span>
    </div>
</template>

<script>
 export default {
    name: "user-info",
    data() {
        return {
            userData: {
                loginDate:""
            }
        }
    },
    methods: {
        //获取当前日期
        getNowDate() {
            let date = new Date(),
            Y = date.getFullYear()+'-',
            M = (date.getMonth()+1<10?'0'+(date.getMonth()+1):date.getMonth()+1)+'-',
            D = (date.getDate()<10?'0'+date.getDate():date.getDate()+'-',
            h = (date.getHours()<10?'0'+date.getHours():date.getHours()+'-',
            m = (date.getMinutes()<10?'0'+date.getMinutes():date.getMinutes()+'-',
            s = (date.getSeconds()<10?'0'+date.getSeconds():date.getSeconds()+'-',
            this.userData.loginDate = Y+M+D+h+m+s;
            console.log(this.userData.loginDate)
        }
    }
    mounted:function(){
        setInterval(this.getNowDate,1000)//实时刷新
    }
 }
</script>