日.jsで日付を扱う最も明るいAPI

今日はJavaScriptの日付の取り扱いを手伝ってくれるライブラリを持ってきて、JavaScriptの日付の取り扱いを知っています.

🤔 なぜDayJSを使用しますか?
基本的に、dayjsを使用するための正当化はJavaScriptの日付の取り扱いを単純化することです.
それはかなり広範囲にわたるライブラリです、そして、あなたはおそらくすでに聞いたことがあります、それは今日使用のために推薦されないMomentに代わるものとして提示されました、主な理由はより現代的でより軽い解決を提供する新しい選択肢の重さと外観です.

瞬間
より多くのhereを見てください


デイジェイズ
より多くのhereを見てください

これは非常に軽いので、ライブラリは完全に拡張可能なプラグインを介して我々は我々が必要なニーズに応じて追加されますので、この方法で我々は必要なものをインポートするだけで拡張可能なので、非常に軽いです.

🧪 いくつかの例
ここでは、シンプルさ、読みやすさ、あるいはエラーを防ぐために、ネイティブAPIと比較してその使用を正当化するいくつかの例を見に行きます.
我々は、dayjs私たちを提供している最も興味深い機能のいくつかを確認するつもりです.

🧹 プラグインなしで

つの日付の間の日の違いを得る
docs

import dayjs from "dayjs";

dayjs(new Date(2020, 5, 10)).diff(new Date(2020, 5, 1), "day"); // output:  9

指定した日付が有効かどうかチェックする
docs

import dayjs from "dayjs";

dayjs("20").isValid(); // output:  false
dayjs("2021-09-13").isValid(); // output:  true

月の日数を取得する
docs

import dayjs from "dayjs";

dayjs("2021-09-13").daysInMonth() // output: 30

日、月、年、時間、分、秒などを追加します.
docs

import dayjs from "dayjs";

dayjs("2021-09-13 20:09:09").add(20, "minute").format() // output: 2021-09-13T20:29:09+02:00 

減算日、月、年、時間、分、秒など
docs

import dayjs from "dayjs";

dayjs("2021-09-13 20:09:09").subtract(20, "minute").format() // output: 2021-09-13T19:49:09+02:00 

⚡ プラグインによる機能拡張

相対時間
docs
現在の日付と指定された日付の間に文字列形式の時間差を取得します

import dayjs from "dayjs";
import relativeTime from "dayjs/plugin/relativeTime";
import "dayjs/locale/es";

dayjs.locale("es");
dayjs.extend(relativeTime);

dayjs("2021-09-14T13:28:55.979Z").fromNow(); // example output: en 3 horas

平年
docs
年を取る

import dayjs from "dayjs";
import weekOfYear from "dayjs/plugin/weekOfYear";

dayjs.extend(weekOfYear);

dayjs("2021-09-13T13:28:55.979Z").week(); // output: 38

後の
docs
つの日付がもう一つ以上であるかどうかチェックしてください

import dayjs from "dayjs";
import isSameOrAfter from "dayjs/plugin/isSameOrAfter";

dayjs.extend(isSameOrAfter);

// To use `year` granularity pass the second parameter
dayjs("2021-09-13").isSameOrAfter("2021-09-14", "year"); // output: true

ミンクス
docs
配列の日付の中で最も高い日付か最低日付を取得する

import dayjs from "dayjs";
import minMax from "dayjs/plugin/minMax";

dayjs.extend(minMax)

const maxDate = dayjs.max([
    dayjs("2021-09-13"), 
    dayjs("2021-09-16"), 
    dayjs("2021-09-20")
])

const minDate = dayjs.min([
    dayjs("2021-09-13"), 
    dayjs("2021-09-16"), 
    dayjs("2021-09-20")
])

maxDate.format() // output: 2021-09-20T00:00:00+02:00  
minDate.format() // output: 2021-09-13T00:00:00+02:00 

間
docs
指定した日付が指定された日付範囲内にあるかどうかを調べる

import dayjs from "dayjs";
import isBetween from "dayjs/plugin/isBetween";

dayjs.extend(isBetween);

// To use `day` granularity pass the third parameter
dayjs("2010-10-21").isBetween(dayjs("2010-10-20"), dayjs("2010-10-25"), "day"); //output: true

// To use `year` granularity pass the third parameter
dayjs("2010-10-21").isBetween(dayjs("2010-10-20"), dayjs("2010-10-25"), "year"); //output: false

アドバンスフォーマット
docs
ビタミンのデフォルト書式設定オプション

import dayjs from "dayjs";
import advancedFormat from "dayjs/plugin/advancedFormat";

dayjs.extend(advancedFormat);

dayjs("2021-09-14").format("Q Do k kk X x"); // output: 3 14th 24 24 1631570400 1631570400000

上記の例で見ることができるように、APIは非常に簡単で読みやすいです、JavaScriptの日付でいくつかの他の複雑な機能を解決する必要があるならば、それは疑いなしで私に疑問に思われます.
詳細については、インフォメーションdayjs docsに行きます.
私を読んでくれてありがとう.😊