Day.js常用方法集合(附各種事件格式的轉(zhuǎn)換)

更新時(shí)間：2024年03月18日 10:44:26 作者：跟Bug雙向奔赴

dayjs是一個(gè)輕量的處理時(shí)間和日期的JavaScript庫(kù),下面這篇文章主要給大家介紹了關(guān)于Day.js常用方法的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下

安裝與基本用法
然后，在你的代碼中導(dǎo)入 Day.js：
使用 dayjs() 函數(shù)創(chuàng)建一個(gè) Day.js 實(shí)例，然后就可以通過(guò)該實(shí)例來(lái)對(duì)日期進(jìn)行各種操作。
Day.js 提供了很多方便的 API 來(lái)操作日期，比如加減天數(shù)、小時(shí)、分鐘等等。
Day.js 還支持同時(shí)對(duì)多個(gè)日期進(jìn)行操作，比如計(jì)算兩個(gè)日期之間的天數(shù)差：
解析日期：
格式化日期：
獲取當(dāng)前日期：
增加日期：
減少日期：
比較日期：
獲取日期之間的差異：
獲取日期的某個(gè)部分：
設(shè)置日期的某個(gè)部分：
本地化顯示日期：
格式化日期
Day.js 還支持自定義格式化函數(shù)，你可以傳入一個(gè)回調(diào)函數(shù)來(lái)定義自己的日期格式。
日期解析
Day.js 還支持解析 Unix 時(shí)間戳。

國(guó)際化支持

日期比較
日期格式化
將日期格式化為本地格式：

時(shí)間格式的轉(zhuǎn)換

將日期轉(zhuǎn)換為 Unix 時(shí)間戳：

事件操作

加減天數(shù)：
比較兩個(gè)日期的差異：

總結(jié)：

標(biāo)題有部分重復(fù)，請(qǐng)見(jiàn)諒

優(yōu)點(diǎn)：

簡(jiǎn)單易用：Day.js的語(yǔ)法簡(jiǎn)單，易于理解和上手。它提供了豐富的日期操作方法和格式化選項(xiàng)，使得處理日期和時(shí)間變得容易和靈活。
體積?。篋ay.js的體積非常小，壓縮后只有2 KB左右。這使得它成為一個(gè)非常輕量級(jí)的日期庫(kù)，可以幫助優(yōu)化網(wǎng)頁(yè)加載速度，特別是在移動(dòng)設(shè)備上。
無(wú)依賴(lài)：Day.js是一個(gè)獨(dú)立的日期庫(kù)，不依賴(lài)任何其他的第三方庫(kù)。這使得它在項(xiàng)目中使用起來(lái)非常方便，不需要處理其他庫(kù)的版本沖突和兼容性問(wèn)題。
時(shí)區(qū)支持：Day.js支持時(shí)區(qū)操作，可以輕松處理不同時(shí)區(qū)的日期和時(shí)間。這對(duì)于國(guó)際化的應(yīng)用程序非常有用，并且可以避免時(shí)區(qū)轉(zhuǎn)換的復(fù)雜性。
插件生態(tài)系統(tǒng)：Day.js有一個(gè)豐富的插件生態(tài)系統(tǒng)，可以擴(kuò)展其功能和特性。這些插件可以滿(mǎn)足不同項(xiàng)目的需求，包括日期范圍選擇、日歷顯示等。

缺點(diǎn)：

功能相對(duì)有限：相比于一些其他日期庫(kù)，Day.js的功能相對(duì)有限。它不支持一些復(fù)雜的日期操作，如日期運(yùn)算、日期比較、日期范圍計(jì)算等。如果需要處理復(fù)雜的日期邏輯，可能需要額外的編碼工作。
社區(qū)支持相對(duì)較少：相比于其他大型日期庫(kù)，Day.js的社區(qū)支持相對(duì)較少。這意味著在遇到問(wèn)題或需要幫助時(shí)，可能無(wú)法得到及時(shí)和全面的解決方案。
時(shí)間格式化選項(xiàng)相對(duì)有限：盡管Day.js提供了一些常用的時(shí)間格式化選項(xiàng)，但相對(duì)于其他日期庫(kù)，它的時(shí)間格式化選項(xiàng)相對(duì)有限。這可能對(duì)一些特定的格式化需求造成限制。

接下來(lái)我們將詳細(xì)介紹 Day.js 的使用方法，并附上代碼示例和各種事件格式的轉(zhuǎn)換。

安裝與基本用法

可以通過(guò) npm 或者 yarn 來(lái)安裝 Day.js：

# 使用 npm
$ npm install dayjs

# 使用 yarn
$ yarn add dayjs

然后，在你的代碼中導(dǎo)入 Day.js：

import dayjs from 'dayjs';

或者：

const dayjs = require('dayjs');

使用 dayjs() 函數(shù)創(chuàng)建一個(gè) Day.js 實(shí)例，然后就可以通過(guò)該實(shí)例來(lái)對(duì)日期進(jìn)行各種操作。

const now = dayjs();  // 創(chuàng)建一個(gè) Day.js 實(shí)例，表示當(dāng)前時(shí)間
console.log(now.format('YYYY-MM-DD'));  // 輸出當(dāng)前日期，格式為"YYYY-MM-DD"

Day.js 提供了很多方便的 API 來(lái)操作日期，比如加減天數(shù)、小時(shí)、分鐘等等。

console.log(now.add(1, 'day').format('YYYY-MM-DD'));  // 加一天
console.log(now.subtract(1, 'week').format('YYYY-MM-DD'));  // 減一周
console.log(now.startOf('month').format('YYYY-MM-DD'));  // 月初日期
console.log(now.endOf('month').format('YYYY-MM-DD'));  // 月末日期

Day.js 還支持同時(shí)對(duì)多個(gè)日期進(jìn)行操作，比如計(jì)算兩個(gè)日期之間的天數(shù)差：

const start = dayjs('2022-01-01');
const end = dayjs('2022-01-10');
console.log(end.diff(start, 'day'));  // 輸出10，表示兩個(gè)日期之間的天數(shù)差

解析日期：

const date = dayjs('2022-01-01');

格式化日期：

const formattedDate = date.format('YYYY-MM-DD');

獲取當(dāng)前日期：

const currentDate = dayjs();

增加日期：

const newDate = date.add(1, 'day');

減少日期：

const newDate = date.subtract(1, 'day');

比較日期：

const isAfter = date1.isAfter(date2);
const isBefore = date1.isBefore(date2);
const isSame = date1.isSame(date2);

獲取日期之間的差異：

const diff = date1.diff(date2, 'day');

獲取日期的某個(gè)部分：

const year = date.year();
const month = date.month();
const day = date.date();
const hour = date.hour();
const minute = date.minute();
const second = date.second();

設(shè)置日期的某個(gè)部分：

const newDate = date.year(2023).month(1).date(1);

本地化顯示日期：

import localizedFormat from 'dayjs/plugin/localizedFormat';
import 'dayjs/locale/zh-cn';

dayjs.extend(localizedFormat);
dayjs.locale('zh-cn');

const formattedDate = date.format('LL');

格式化日期

Day.js 提供了 format() 方法來(lái)格式化日期。它使用類(lèi)似于 Moment.js 的字符串模板來(lái)定義日期的輸出格式。

以下是一些常用的模板字符串：

- YYYY：4 位數(shù)的年份，如 2022
- MMMM：月份的全名，如 January
- MMM：月份的縮寫(xiě)，如 Jan
- DD：2 位數(shù)的日期，如 01
- dddd：星期的全名，如 Sunday
- ddd：星期的縮寫(xiě)，如 Sun
- HH：24 小時(shí)制的小時(shí)數(shù)，如 08
- hh：12 小時(shí)制的小時(shí)數(shù)，如 08
- mm：分鐘數(shù)，如 01
- ss：秒數(shù)，如 01

console.log(now.format('YYYY-MM-DD'));  // 輸出當(dāng)前日期，格式為"YYYY-MM-DD"
console.log(now.format('YYYY-MM-DD HH:mm:ss'));  // 輸出當(dāng)前日期和時(shí)間，格式為"YYYY-MM-DD HH:mm:ss"
console.log(now.format('YYYY年M月D日 dddd'));  // 輸出當(dāng)前日期，格式為"YYYY年M月D日 dddd"
// 格式化為相對(duì)時(shí)間（如：幾秒前、幾分鐘前）
dayjs.duration(60, 'seconds').humanize(); // "a minute"

// 格式化為時(shí):分:秒
dayjs.duration(3661, 'seconds').format('H:mm:ss'); // "1:01:01"

// 格式化為天
dayjs.duration(2, 'days').asDays(); // 2

Day.js 還支持自定義格式化函數(shù)，你可以傳入一個(gè)回調(diào)函數(shù)來(lái)定義自己的日期格式。

const customFormat = dayjs('2022-01-01').format(function () {
  return 'Happy New Year!';
});
console.log(customFormat);  // 輸出"Happy New Year!"
// 轉(zhuǎn)換為 Unix 時(shí)間戳
dayjs().unix();

// 轉(zhuǎn)換為 JavaScript Date 對(duì)象
dayjs().toDate();

// 轉(zhuǎn)換為 ISO 8601 格式的字符串
dayjs().toISOString();

日期解析

Day.js 支持解析各種常見(jiàn)的日期格式，包括 ISO 8601 格式和各種本地格式。

const date = dayjs('2022-01-01');
console.log(date.format('YYYY-MM-DD'));  // 輸出"2022-01-01"
// 轉(zhuǎn)換為 Unix 時(shí)間戳
dayjs().unix();

// 轉(zhuǎn)換為 JavaScript Date 對(duì)象
dayjs().toDate();

// 轉(zhuǎn)換為 ISO 8601 格式的字符串
dayjs().toISOString();

Day.js 還支持解析 Unix 時(shí)間戳。

const unixTimestamp = 1640995200;  // Unix 時(shí)間戳
const date = dayjs.unix(unixTimestamp);
console.log(date.format('YYYY-MM-DD'));  // 輸出"2022-01-01"

國(guó)際化支持

Day.js 內(nèi)置了 66 種語(yǔ)言的國(guó)際化支持，你可以方便地在你的應(yīng)用中切換不同的語(yǔ)言。下面是一些常用的國(guó)際化示例：

import dayjs from 'dayjs';
import 'dayjs/locale/zh-cn'; // 導(dǎo)入中文語(yǔ)言包

// 設(shè)置語(yǔ)言為中文
dayjs.locale('zh-cn');

// 格式化日期
dayjs().format('dddd'); // "星期六"

日期比較

Day.js 提供了一些方法來(lái)比較日期的大小。

const date1 = dayjs('2022-01-01');
const date2 = dayjs('2022-01-02');
console.log(date1.isBefore(date2));  // 輸出 true，表示 date1 在 date2 之前
console.log(date1.isAfter(date2));  // 輸出 false，表示 date1 在 date2 之后
console.log(date1.isSame(date2, 'day'));  // 輸出 false，表示 date1 和 date2 不是同一天

日期格式化

Day.js 提供了一些方法來(lái)格式化日期。你可以將日期格式化為本地格式、UTC 格式、ISO 8601 格式等等。

將日期格式化為本地格式：

const date = dayjs('2022-01-01');
console.log(date.format('LL'));  // 輸出 January 1, 2022

將日期格式化為 UTC 格式：

const date = dayjs('2022-01-01');
console.log(date.utc().format('YYYY-MM-DD HH:mm:ss'));  // 輸出 2022-01-01 00:00:00

將日期格式化為 ISO 8601 格式：

const date = dayjs('2022-01-01');
console.log(date.toISOString());  // 輸出 2022-01-01T00:00:00.000Z

時(shí)間格式的轉(zhuǎn)換

Day.js 提供了一些方法來(lái)轉(zhuǎn)換不同的事件格式，比如將日期轉(zhuǎn)換為 Unix 時(shí)間戳、將日期轉(zhuǎn)換為 JavaScript Date 對(duì)象等等。

將日期轉(zhuǎn)換為 Unix 時(shí)間戳：

const date = dayjs('2022-01-01');
console.log(date.unix());  // 輸出 1640995200

將日期轉(zhuǎn)換為 JavaScript Date 對(duì)象：

const date = dayjs('2022-01-01');
console.log(date.toDate());  // 輸出 Sat Jan 01 2022 00:00:00 GMT+0800 (China Standard Time)

將日期轉(zhuǎn)換為 Moment.js 對(duì)象：

const date = dayjs('2022-01-01');
console.log(date.toDate());  // 輸出 Moment<2022-01-01T00:00:00+08:00>

事件操作

Day.js 提供了一些方法來(lái)操作日期，比如加減天數(shù)、小時(shí)、分鐘等等。

加減天數(shù)：

const date = dayjs('2022-01-01');
console.log(date.add(1, 'day').format('YYYY-MM-DD'));  // 輸出 2022-01-02
console.log(date.subtract(1, 'day').format('YYYY-MM-DD'));  // 輸出 2021-12-31

比較兩個(gè)日期的差異：

const date1 = dayjs('2022-01-01');
const date2 = dayjs('2022-01-10');
console.log(date）

總結(jié)：

Day.js 是一個(gè)輕量級(jí)，易于使用的 JavaScript 日期庫(kù)，提供了強(qiáng)大的日期和時(shí)間處理功能。它具有簡(jiǎn)潔的 API，支持鏈?zhǔn)讲僮骱筒豢勺冃?。Day.js 支持國(guó)際化顯示和各種格式的日期和時(shí)間的解析和格式化。它還提供了豐富的插件系統(tǒng)，可以輕松擴(kuò)展功能。無(wú)論是在 Web 還是 Node.js 環(huán)境下，Day.js 都是一個(gè)不錯(cuò)的選擇。

到此這篇關(guān)于Day.js常用方法集合的文章就介紹到這了,更多相關(guān)Day.js常用方法集合內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Day.js常用方法集合(附各種事件格式的轉(zhuǎn)換)

目錄

優(yōu)點(diǎn)：

缺點(diǎn)：

接下來(lái)我們將詳細(xì)介紹 Day.js 的使用方法，并附上代碼示例和各種事件格式的轉(zhuǎn)換。

安裝與基本用法

然后，在你的代碼中導(dǎo)入 Day.js：

使用 dayjs() 函數(shù)創(chuàng)建一個(gè) Day.js 實(shí)例，然后就可以通過(guò)該實(shí)例來(lái)對(duì)日期進(jìn)行各種操作。

Day.js 提供了很多方便的 API 來(lái)操作日期，比如加減天數(shù)、小時(shí)、分鐘等等。

Day.js 還支持同時(shí)對(duì)多個(gè)日期進(jìn)行操作，比如計(jì)算兩個(gè)日期之間的天數(shù)差：

解析日期：

格式化日期：

獲取當(dāng)前日期：

增加日期：

減少日期：

比較日期：

獲取日期之間的差異：

獲取日期的某個(gè)部分：

設(shè)置日期的某個(gè)部分：

本地化顯示日期：

格式化日期

Day.js 還支持自定義格式化函數(shù)，你可以傳入一個(gè)回調(diào)函數(shù)來(lái)定義自己的日期格式。

日期解析

Day.js 還支持解析 Unix 時(shí)間戳。

國(guó)際化支持

日期比較

日期格式化

將日期格式化為本地格式：

時(shí)間格式的轉(zhuǎn)換

將日期轉(zhuǎn)換為 Unix 時(shí)間戳：

事件操作

加減天數(shù)：

比較兩個(gè)日期的差異：

總結(jié)：

相關(guān)文章

最新評(píng)論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具

欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Day.js常用方法集合(附各種事件格式的轉(zhuǎn)換)

目錄

優(yōu)點(diǎn)：

缺點(diǎn)：

接下來(lái)我們將詳細(xì)介紹 Day.js 的使用方法，并附上代碼示例和各種事件格式的轉(zhuǎn)換。

安裝與基本用法

然后，在你的代碼中導(dǎo)入 Day.js：

使用 dayjs() 函數(shù)創(chuàng)建一個(gè) Day.js 實(shí)例，然后就可以通過(guò)該實(shí)例來(lái)對(duì)日期進(jìn)行各種操作。

Day.js 提供了很多方便的 API 來(lái)操作日期，比如加減天數(shù)、小時(shí)、分鐘等等。

Day.js 還支持同時(shí)對(duì)多個(gè)日期進(jìn)行操作，比如計(jì)算兩個(gè)日期之間的天數(shù)差：

解析日期：

格式化日期：

獲取當(dāng)前日期：

增加日期：

減少日期：

比較日期：

獲取日期之間的差異：

獲取日期的某個(gè)部分：

設(shè)置日期的某個(gè)部分：

本地化顯示日期：

格式化日期

Day.js 還支持自定義格式化函數(shù)，你可以傳入一個(gè)回調(diào)函數(shù)來(lái)定義自己的日期格式。

日期解析

Day.js 還支持解析 Unix 時(shí)間戳。

國(guó)際化支持

日期比較

日期格式化

將日期格式化為本地格式：

時(shí)間格式的轉(zhuǎn)換

將日期轉(zhuǎn)換為 Unix 時(shí)間戳：

事件操作

加減天數(shù)：

比較兩個(gè)日期的差異：

總結(jié)：

相關(guān)文章

最新評(píng)論

大家感興趣的內(nèi)容

最近更新的內(nèi)容

常用在線小工具

接下來(lái)我們將詳細(xì)介紹 Day.js 的使用方法，并附上代碼示例和各種事件格式的轉(zhuǎn)換。

然后，在你的代碼中導(dǎo)入 Day.js：

使用 dayjs() 函數(shù)創(chuàng)建一個(gè) Day.js 實(shí)例，然后就可以通過(guò)該實(shí)例來(lái)對(duì)日期進(jìn)行各種操作。

Day.js 提供了很多方便的 API 來(lái)操作日期，比如加減天數(shù)、小時(shí)、分鐘等等。

Day.js 還支持同時(shí)對(duì)多個(gè)日期進(jìn)行操作，比如計(jì)算兩個(gè)日期之間的天數(shù)差：

Day.js 還支持自定義格式化函數(shù)，你可以傳入一個(gè)回調(diào)函數(shù)來(lái)定義自己的日期格式。