ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptで日付形式を変更する方法

JavaScriptで日付形式を変更する方法

王林
リリース: 2023-09-02 16:21:16
オリジナル
1315 人が閲覧しました

JavaScriptで日付形式を変更する方法

この記事では、JavaScript で日付形式を変更する方法を学びます。 JavaScript で日付をある形式から別の形式に変換する方法を示す実際の例をいくつか示します。

JavaScript はインターネットの中核テクノロジーの 1 つです。これはほとんどの Web サイトで使用されており、プラグインを必要とせずにすべての最新の Web ブラウザーでサポートされています。このシリーズでは、日常の JavaScript 開発に役立つヒントやテクニックについて説明します。

日付と時刻については、JavaScript は組み込みの Date オブジェクトを提供します。これは主に現在の日付と時刻をタイムスタンプ形式で表します。 Date オブジェクトを使用すると、特定の日付を標準形式のいずれかで初期化することもできます。 Date オブジェクトがインスタンス化されると、日付と時刻のさまざまなコンポーネントを取得できるいくつかのユーティリティ メソッドが提供されます。また、これらのさまざまなメソッドを使用して、さまざまな方法で日付をフォーマットすることができます。

ただし、日付をある形式から別の形式に変更する場合、日付を目的の形式に直接変換する方法はありません。この記事では、日付をある形式から別の形式に変換できるユーティリティ関数を構築する方法を説明します。最後に、日付をさまざまな形式に変更できる一般的なサードパーティ ライブラリについても説明します。

バニラJavaScriptで日付形式を変更する方法

このセクションでは、JavaScript で日付形式を変更できるサンプルを構築します。

次の例を簡単に見てみましょう。

ご覧のとおり、2 つのパラメーターを受け入れる dateFormat 関数を実装しました。最初のパラメータはソースの日付で、2 番目のパラメータはソースの日付を必要な日付形式に変換します。 2 番目のパラメータは、"dd""MM"、および "yy" または "yyyy"## を含む有効な日付形式である必要があることに注意してください。 #。

それでは、

dateFormat 関数を見てみましょう。まず、ソース日付を最初の引数としてコンストラクターに渡して、Date オブジェクトをインスタンス化します。

次に、

Date オブジェクトの getMonthgetDate()、および get Year() メソッドを使用して日付を取得します。成分。月の値は 0 から始まるため、実際の月を取得するには値に 1 を加算する必要があることに注意してください。また、padStart メソッドを使用して、必要に応じて先頭にゼロを付けて月の値をフォーマットします。年と日の値に対しても同様の操作を実行します。

すべての準備が整うと、日付を希望の形式に変換できるようになります。

人気の日付操作ライブラリ

JavaScript での日付操作に関しては、多数のサードパーティ ライブラリが利用可能です。最も人気のあるオプションには、Moment.js と Day.js があります。これらのライブラリは、日付をカスタム形式にフォーマットする必要がある場合に非常に簡単に使用できます。

Moment.js のサンプルを簡単に見て、それがどのように機能するかを見てみましょう。

ご覧のとおり、このサードパーティ ライブラリを使用すると、日付をさまざまな形式に変換するのが非常に簡単です。

###結論は###

今日は、JavaScript で日付をある形式から別の形式に変更するいくつかの方法 (カスタム関数とサードパーティ ライブラリ) を検討しました。

以上がJavaScriptで日付形式を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート