【vue2.0】使用dayjs实现时间的实时更新

需求： 实现 “YYYY-MM-DD 星期几 HH:mm:ss"格式，每秒实时更新

————————————————————————————

实现：

使用到的工具： dayjs

获取指路：BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务​​​​​​

实现步骤：

1.安装dayjs

2. 在vue中引入

import dayjs from "dayjs";

3.因为dayjs里面的day()方法只能返回数字的星期几，所以必须要进行一个数字和文字之间的转换

let day = dayjs().day()
      switch(day) {
        case 1:
          day = "一";
          break;
        case 2:
          day = "二";
          break;
        case 3:
          day = "三";
          break;
        case 4:
          day = "四";
          break;
        case 5:
          day = "五";
          break;
        case 6:
          day = "六";
          break;
        case 0:
          day = "日";
          break;
      }

4.在data里面新建一个time变量保存，传入new Date()对象给dayjs，调用dayjs(日期对象).format（格式）

this.time = dayjs(new Date()).format('YYYY-MM-DD') + ' ' + '星期' + day + ' ' + dayjs(new Date()).format('HH:mm:ss')

5.调用：在mounted里面调用这个方法，间隔每秒调用

  mounted() {
    const _this = this
    this.time = setInterval(() => {
      _this.dateTime()
    },1000)
}