zoukankan      html  css  js  c++  java
  • js显示当前时间

    效果:

    html:

    <div class="time">
                            <ul>
                                    <li>
                                            {{ dateObj.date }}
                                    </li>
                                    <li>
                                            {{ dateObj.week }}
                                    </li>
                            </ul>
    </div>

    js:

    export default {
            data() {
                    return {
                            dateObj: {
                                    year:"",
                                    month:"",
                                    date: "",
                                    week: "",
                                    // timer: null,
                            },
                    };
            },
            methods: {
                    getDateTime() {
                            const ddd = this;
                            function getDateFun() {
                                    let d = new Date();
                                    let year = d.getFullYear();
                                    let month = d.getMonth();
                                    let date = d.getDate();
                                    let day = d.getDay();
                                    let weekday = [
                                            "星期日",
                                            "星期一",
                                            "星期二",
                                            "星期三",
                                            "星期四",
                                            "星期五",
                                            "星期六",
                                    ];
                                    ddd.dateObj.date = year + '-' + month + '-' + date;
                       //ddd.dateObj.date = `${year}-${month}-${date}`;
                                    ddd.dateObj.week = weekday[day];
                            }
                            getDateFun();
                    },
            },
            mounted() {
                    this.getDateTime();
            },
    };
  • 相关阅读:
    ASP.NET
    JS、JQury
    ASP.NET
    ASP.NET
    ASP.NET
    C#
    C#
    C#
    基础算法-树:预备知识
    开发环境配置--Ubuntu+Qt4+OpenCV(二)
  • 原文地址:https://www.cnblogs.com/Utopia-in-reality/p/14202516.html
Copyright © 2011-2022 走看看