关于VUE时间转换

普通的时间尚未转换

未转换时间的源代码如下

<template>
    <el-container>
        <el-header>
            <div>{{currTime}}}</div>
        </el-header>
        <el-main>Main</el-main>
    </el-container>
</template>
<script>
    export default {
        name: "sunViewMeeting",

        data(){
            return{
                currTime: new Date();//获取当前时间
            }
        },

后续改进的方法如下：

示例：

 <el-container>
        <el-header>
            <div>{{currTime}}</div>
        </el-header>
        <el-main>Main</el-main>
    </el-container>
    </template>

    <script>
        export default {
        name: "sunViewMeeting",
        data(){
            return{

            currTime: this.dateFormat()
            }
    },
            //方法区
        methods:{
            dateFormat(){
                var date=new Date();
                var year=date.getFullYear();
                /* 在日期格式中，月份是从0开始的，因此要加0
                 * 使用三元表达式在小于10的前面加0，以达到格式统一  如 09:11:05
                 * */
                var month= date.getMonth()+1<10 ? "0"+(date.getMonth()+1) : date.getMonth()+1;
                var day=date.getDate()<10 ? "0"+date.getDate() : date.getDate();
                var hours=date.getHours()<10 ? "0"+date.getHours() : date.getHours();
                var minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
                var seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
                // 拼接
                return year+"-"+month+"-"+day
            }