JavaScript の日付の書式設定

最終更新日
木曜日 12日 5月 2022

formatdate javascript

JavaScript がデフォルトで提供する単純な日付形式。

ISO Dates

ISO 日付は、ISO 8601 標準を使用して、さまざまな方法で日付と時刻を指定します。Javascript は、明確に定義され、正確で、一貫性のある標準であるため、デフォルトでこれを使用します。これは、日付と時刻の表現のための国際標準です。

formatdate js

ISO 8601 規格

MM — 01 から 12 までの月
MMM — 1 月から 12 月までの月の省略形。
DD — 01 から月の最終日までの日 (様々)
YYYY — 4 桁の数字の年
T — 日付と時刻の区切り文字
HH — 00 から 23 までの時間
MM — 00 から 59 までの分
SS — 00 から 59 までの秒

	new Date().toLocaleDateString('en-us', {
  weekday: 'long',
  year: 'numeric',
  month: 'short',
  day: 'numeric',
});
// "Wednesday , May 11, 2022"
	

javascript formatdate

JavaScript の日付メソッド

date オブジェクトに適用できるメソッドは非常に多くあります。

  • getFullYear() – 年を 4 桁の数字 (yyyy) として取得します。
  • getMonth() – 月を数値として取得します (0-11)
  • getDate() – 日を数値として取得 (1-31)
  • getHours() – 時間を取得します (0-23)

toDateString() 方式

JavaScript の toDateString() メソッドは、日付オブジェクトの日付部分を次の形式で文字列の形式で返します。

	new Date().toDateString();
	
  • 曜日名の最初の 3 文字
  • 月名の最初の 3 文字
  • 月の 2 桁の日付、必要に応じて左側にゼロを埋め込む
  • 4 桁の年(少なくとも)、必要に応じて左側にゼロが埋め込まれた
	Wed May 11 2022
	

javascript format date

toLocaleDateString() 方式

このメソッドは、日付オブジェクトを文字列として返します。

構文

	toLocaleDateString();
toLocaleDateString(locales);
toLocaleDateString(locales, options);
	

date format javascript

	const currentDate = new Date();

const options = {
  weekday: 'long',
  year: 'numeric',
  month: 'short',
  day: 'numeric',
};

console.log(currentDate.toLocaleDateString('de-DE', options));
// Mittwoch, 11. Mai 2022

console.log(currentDate.toLocaleDateString('ar-EG', options));
// الأربعاء، ١١ مايو ٢٠٢٢

console.log(currentDate.toLocaleDateString('en-us', options));
// Wednesday, May 11, 2022

console.log(currentDate.toLocaleDateString('ja', options));
// 2022年5月11日水曜日
	

アウトプット

	Mittwoch, 11. Mai 2022
الأربعاء، ١١ مايو ٢٠٢٢
Wednesday, May 11, 2022
2022年5月11日水曜日
	

toTimeString() 方式

toTimeString() は、日付変数から時刻に関する情報を含むものを抽出するのに役立ちます。

	const currentDate = new Date();

console.log(currentDate.toTimeString());
// 05:57:29 GMT+0000 (GMT)
	

アウトプット

	05:57:29 GMT+0000 (GMT)
	

toUTCString() 方式

toUTCString() は、現在の国の時刻からグリニッジ標準時または協定世界時を返します。

	const currentDate = new Date();

console.log(currentDate.toUTCString());
// Thu, 12 May 2022 06:00:07 GMT
	

アウトプット

	Thu, 12 May 2022 06:00:07 GMT
	

javascript 日付 フォーマット

date オブジェクトには、約 7 つの書式設定メソッドがあります。

	const currentDate = new Date();

currentDate.toString();
currentDate.toDateString();
currentDate.toLocaleString();
currentDate.toLocaleDateString();
currentDate.toGMTString();
currentDate.toUTCString();
currentDate.toISOString();
	

アウトプット

	Wed May 11 2022 15:59:26 GMT+0000 (GMT)
Wed May 11 2022
5/11/2022, 3:59:26 PM
5/11/2022
Wed, 11 May 2022 15:59:26 GMT
Wed, 11 May 2022 15:59:26 GMT
2022-05-11T15:59:26.175Z