可视化大屏时间显示

<div class="header-time">{{ currentTime }}</div>

// 定义变量

currentTime: new Date(),

timer: "",

// 函数调用

this.getTime();

// 定义函数

 getTime() {

      this.timer = setInterval(() => {

        var y = new Date().getFullYear();

        var m = this.appendZero(new Date().getMonth() + 1);

        var d = this.appendZero(new Date().getDate());

        var week = this.getWeek(new Date().getDay());

        var ho = this.appendZero(new Date().getHours());

        var mi = this.appendZero(new Date().getMinutes());

        var second = this.appendZero(new Date().getSeconds());

        //修改数据date

        this.currentTime =  y + "-" + m +"-" +d +" " + " " +week + " " +ho + ":" + mi + ":" + second;

      }, 1000);

    },

 //时间过滤加0

    appendZero(obj) {

      if (obj < 10) {

        return "0" + obj;

      } else {

        return obj;

      }

    },

// 获取当前是星期几

    getWeek(parm) {

      var wk = "";

      switch (parm) {

        case 0:

          wk = "星期日";

          break;

        case 1:

          wk = "星期一";

          break;

        case 2:

          wk = "星期二";

          break;

        case 3:

          wk = "星期三";

          break;

        case 4:

          wk = "星期四";

          break;

        case 5:

          wk = "星期五";

          break;

        case 6:

          wk = "星期六";

          break;

      }

      return wk;

    },