vue显示实时时间

定时显示

  mounted(){
    setInterval(()=>{
      this.dateFormat();
    },1000)
  },

实现时间格式的统一,小于10时前边加0格式如:08:05:09

dateFormat(){
      const nowDate = new Date();
      const date = {
        year:nowDate.getFullYear(),
        month:nowDate.getMonth()+1 < 10? "0" + (nowDate.getMonth() + 1):nowDate.getMonth() + 1,
        date:nowDate.getDate() < 10 ? "0" +nowDate.getDate():nowDate.getDate(),
        hour:nowDate.getHours()<10 ? "0" + nowDate.getHours():nowDate.getHours(),
        minutes:nowDate.getMinutes()<10 ? "0" + nowDate.getMinutes():nowDate.getMinutes(),
        seconds:nowDate.getSeconds()<10 ? "0" + nowDate.getSeconds():nowDate.getSeconds(),
        weekDay : nowDate.getDay(),
   }
   const week = new Array(7);
                week[0] = "星期日";
                week[1] = "星期一";
                week[2] = "星期二";
                week[3] = "星期三";
                week[4] = "星期四";
                week[5] = "星期五";
                week[6] = "星期六";
            this.date = date.year + '-' + date.month + '-' + date.date + ' '+ week[date.weekDay] + ' ' + date.hour + ':' + date.minutes + ':' + date.seconds;
    }

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值