时间处理工具day.js常用方法

Tue Mar 28 2023 17:26:39 GMT+0800  //(中国标准时间)
2021-07-29T21:35:54+08:00  //末尾存在+，代表时间格式为包括时区的时间格式，+08:00代表东八区
2021-07-29T21:35:54Z  //末尾有Z的，为ISO格式的时间，代表UTC时间（UTC：世界标准时间,即格林威治标准时间，初中学的本初子午线），不带时区，假如中国地区（东八区）的去看这个时间要再加8h

dayjs (时间).format('YYYY-MM-DD HH:mm:ss')

    console.log("dayjs().get('year'):", dayjs().get("year")); //年 [1,366]
    console.log("dayjs().get('month'):", dayjs().get("month")); //月 [0,11] 0表示1月
    console.log("dayjs().get('date'):", dayjs().get("date")); //日[1,31]
    console.log("dayjs().get('hour'):", dayjs().get("hour")); //时 [0,23]
    console.log("dayjs().get('minute'):", dayjs().get("minute")); //分 [0,59]
    console.log("dayjs().get('second'):", dayjs().get("second")); //秒 [0,59]
    console.log("dayjs().get('millisecond'):", dayjs().get("millisecond")); //毫秒[0,999]
    console.log("dayjs().get('day'):", dayjs().get("day")); //星期几 [0,6]。0(星期日)到6(星期六)

dayjs().add(3,”year”)
dayjs().subtract(5,”minute”)

let time1 = "2023-03-28 14:28:04"
let time2 = "2022-04-15 12:05:58"
Time2.diff(time,”hour”)     //相差多少小时
Time2.diff(time1,”minute”)  //相加多少分钟

console.log("当前时间:",dayjs().format("YYYY-MM-DD"))
console.log("当前时间< 2022-01-01 吗):",dayjs().isBefore(dayjs('2022-01-01')))
console.log("当前时间 > 2022-01-01 吗):",dayjs().isAfter(dayjs('2022-01-01')))
console.log("当前时间 = 222-01-01 吗):",dayjs().isSame(dayjs('2022-01-01')))

import dayjs from "dayjs"
import isBetween from "dayjs/plugin/isBetween"
dayjs.extend(isBetween);

app.config.globalProperties.$dayjs = dayjs  // 全局引入，原型挂载

<template>
  <div class="bar-time">
     <div>{{ timeStr.time }}</div>
     <div>{{ timeStr.year }}</div>
  </div>
</template>

<script lang="ts" setup>
  import { ref, reactive } from 'vue';
  import dayjs from 'dayjs';
  
  /**
   * 导航栏时间设置
   * time   时间
   * year   年月日
   */
  const timeStr = reactive({
    time: ``,
    year: ``,
  });
  
  // 设置定时器实时拿到当前时间
  const getNowTime = () => {
    setInterval(() => {
      timeStr.time = dayjs(`${new Date()}`).format('HH:mm:ss');
      timeStr.year = dayjs(`${new Date()}`).format('YYYY年MM月DD日');
    }, 1000);
  };
  getNowTime();
</script>