快捷導(dǎo)航

時(shí)間處理工具day.js常用方法

更新時(shí)間：2024年02月17日 09:24:53 作者：小張記筆記

平時(shí)項(xiàng)目中筆者也常用dayjs,它確實(shí)很好用,Day.js有著幾乎和Moment.js一樣的API,因此如果你用過(guò)Moment.js,那么也可以輕松使用Day.js,這篇文章主要給大家介紹了關(guān)于時(shí)間處理工具day.js常用方法的相關(guān)資料,需要的朋友可以參考下

一、時(shí)間格式

Tue Mar 28 2023 17:26:39 GMT+0800  //(中國(guó)標(biāo)準(zhǔn)時(shí)間)
2021-07-29T21:35:54+08:00  //末尾存在+，代表時(shí)間格式為包括時(shí)區(qū)的時(shí)間格式，+08:00代表東八區(qū)
2021-07-29T21:35:54Z  //末尾有Z的，為ISO格式的時(shí)間，代表UTC時(shí)間（UTC：世界標(biāo)準(zhǔn)時(shí)間,即格林威治標(biāo)準(zhǔn)時(shí)間，初中學(xué)的本初子午線），不帶時(shí)區(qū)，假如中國(guó)地區(qū)（東八區(qū)）的去看這個(gè)時(shí)間要再加8h

二、dayjs()格式化

dayjs()等價(jià)于dayjs(Date.now())、dayjs(new Date())

獲取到的時(shí)間格式為：Tue Mar 28 2023 17:26:39 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)dayjs()對(duì)象格式化：

格式化dayjs()對(duì)象為YYYY-MM-DD HH:mm:ss格式

dayjs (時(shí)間).format('YYYY-MM-DD HH:mm:ss')

三、dayjs()獲取年月日時(shí)分秒

    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")); //時(shí) [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()計(jì)算

加減指定時(shí)間

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

計(jì)算差值

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

五、dayjs()判斷

判斷大小

console.log("當(dāng)前時(shí)間:",dayjs().format("YYYY-MM-DD"))
console.log("當(dāng)前時(shí)間< 2022-01-01 嗎):",dayjs().isBefore(dayjs('2022-01-01')))
console.log("當(dāng)前時(shí)間 > 2022-01-01 嗎):",dayjs().isAfter(dayjs('2022-01-01')))
console.log("當(dāng)前時(shí)間 = 222-01-01 嗎):",dayjs().isSame(dayjs('2022-01-01')))

判斷是否在兩數(shù)之間

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

六、安裝

安裝：npm i -S dayjs局部引入：import dayjs from "dayjs";

報(bào)錯(cuò)：TypeError: _ctx.dayjs is not a function

app.config.globalProperties.$dayjs = dayjs  // 全局引入，原型掛載

附：使用dayjs獲取當(dāng)前時(shí)間

1、在項(xiàng)目中安裝dasjs： npm install --save dasjs

2、vue中局部引用： import dayjs from 'dayjs';

3、實(shí)時(shí)拿到當(dāng)前時(shí)間，代碼如下：

<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';
  
  /**
   * 導(dǎo)航欄時(shí)間設(shè)置
   * time   時(shí)間
   * year   年月日
   */
  const timeStr = reactive({
    time: ``,
    year: ``,
  });
  
  // 設(shè)置定時(shí)器實(shí)時(shí)拿到當(dāng)前時(shí)間
  const getNowTime = () => {
    setInterval(() => {
      timeStr.time = dayjs(`${new Date()}`).format('HH:mm:ss');
      timeStr.year = dayjs(`${new Date()}`).format('YYYY年MM月DD日');
    }, 1000);
  };
  getNowTime();
</script>