首页 > Web开发 > 详细

js显示当前时间

时间:2020-12-28 18:11:54      阅读:41      评论:0      收藏:0      [点我收藏+]

效果:

技术分享图片

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.week = weekday[day];
                        }
                        getDateFun();
                },
        },
        mounted() {
                this.getDateTime();
        },
};

 

js显示当前时间

原文:https://www.cnblogs.com/Utopia-in-reality/p/14202516.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!