JavaScript で日付形式を変更する

1. JavaScript で Date() を使用して日付形式を変更する
2. JavaScript で DateJS を使用して日付形式を変更する

現在の時間/瞬間を決定することは、すべてのアプリケーションの重要な部分です。JavaScript は、単一の時点を表す Date オブジェクトをサポートしています。日付オブジェクトには、1970 年 1 月 1 日 UTC からのミリ秒を表す数値が含まれています。これは Unix エポックからのミリ秒とも呼ばれます。JavaScript は、いくつかの形式で日付を取得するためのさまざまな方法を提供します。

JavaScript で Date() を使用して日付形式を変更する

これは、フォーマットされた日付文字列を返す JavaScript に組み込まれた関数です。new Date() を呼び出すと、コンストラクターとして機能し、フォーマットされた文字列の代わりに Date オブジェクトを返します。また、次のようなさまざまな静的メソッドを提供します

• Date.now()
• Date.parse()
• Date.UTC()

Date オブジェクトは、次のようなインスタンスメソッドもサポートします

• Date.prototype.getDate()：このメソッドは、現地時間に従って、指定された日付の 1〜31 の範囲の日を返します。
• Date.prototype.getMonth()：このメソッドは、現地時間に従って、指定された日付の 0〜11 の範囲の月を返します。月は 0 から始まります。
• Date.prototype.getYear()：このメソッドは、現地時間に従って、指定された日付の年を返します。通常は 2〜3 桁の年を返します。
• Date.prototype.getFullYear()：このメソッドは、現地時間に従って、指定された日付の 4 桁の年に対して 4 桁として年を返します。

JavaScript での Date() の構文

Date();

コード例：

const today = new Date();
const month = [
  'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August',
  'September', 'October', 'November', 'December'
];
const str =
    today.getDate() + ' ' + month[today.getMonth()] + ' ' + today.getFullYear();
console.log(str);

出力：

18 November 2021

上記の組み込みの Date オブジェクトを使用すると、ニーズに合わせて日付形式を変更できます。DateJS のような外部ライブラリを使用することもできます。

JavaScript で DateJS を使用して日付形式を変更する

JavaScript には、フォーマット、解析、および処理のための DateJS と呼ばれるオープンソースの日付ライブラリがあります。DateJS をインポートする方法を学ぶここ。

DateJS の Date.parse() の構文

Date.parse($string);

Date.parse() のパラメータ

• $string：これは必須パラメーターです。このフィールドは、today, tomorrow, last Sunday, July 4th, t + 3d などの任意の日付文字列を受け入れます。詳細については、公式ドキュメントを参照してください。

コード例：

const parsedDate = Date.parse('tomorrow');
console.log(parsedDate);

出力：

Fri Nov 19 2021

DateJS の Date.toString() の構文

Date.parse($string);

Date.toString() のパラメータ

• $string：これはオプションのパラメータです。このフィールドは、M/d/yyyy、d-MMM-yyyy、HH:mm、MMMM dS, yyyy などの任意の日付文字列を受け入れます。デフォルトのネイティブ JavaScript Date.toString() 関数フォーマットが指定されていない場合に呼び出されます。

コード例：

const parsedDate = Date.today().toString('MMMM dS, yyyy');
console.log(parsedDate);

出力：

November 18th, 2021