Intl.DateTimeFormat

const date = new Date(Date.UTC(2020, 11, 20, 3, 23, 16, 738));
// 以下の結果は UTC タイムゾーンを想定 - 実行時の結果は異なる可能性がある

// Specify default date formatting for language (locale)
console.log(new Intl.DateTimeFormat("en-US").format(date));
// 予想される結果: "12/20/2020"

// 代替言語（この場合はインドネシア語）を持つ言語の既定の形式を指定する
console.log(new Intl.DateTimeFormat(["ban", "id"]).format(date));
// 予想される結果: "20/12/2020"

// "style" オプションを使用して日付と時刻の形式を指定します（例: full, long, medium, short）
console.log(
  new Intl.DateTimeFormat("en-GB", {
    dateStyle: "full",
    timeStyle: "long",
    timeZone: "Australia/Sydney",
  }).format(date),
);
// 予想される結果: "Sunday, 20 December 2020 at 14:23:16 GMT+11"

const date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));

// 引数無しの toLocaleString は実装に依存します。
// 既定のロケール、既定のタイムゾーンです。
console.log(new Intl.DateTimeFormat().format(date));
// "12/19/2012" は、 en-US ろおけーる（言語）で America/Los_Angeles (UTC-0800) タイムゾーンの場合

const date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));

// 以下の結果は、タイムゾーンに America/Los_Angeles (UTC-0800, 太平洋標準時) を使用した場合

// アメリカ英語では 月-日-年 の順を使用
console.log(new Intl.DateTimeFormat("en-US").format(date));
// "12/19/2012"

// イギリス英語では 日-月-年 の順を使用
console.log(new Intl.DateTimeFormat("en-GB").format(date));
// → "19/12/2012"

// 韓国では 年-月-日 の順を使用
console.log(new Intl.DateTimeFormat("ko-KR").format(date));
// "2012. 12. 19."

// アラビア語圏の大半の国では、アラビア数字を使用している
console.log(new Intl.DateTimeFormat("ar-EG").format(date));
// "١٩‏/١٢‏/٢٠١٢"

// 日本語の場合、アプリケーションでは日本の暦を使用することが望ましい場合があり、 2012 年は平成 24 年に相当
console.log(new Intl.DateTimeFormat("ja-JP-u-ca-japanese").format(date));
// "24/12/19"

// 対応していない可能性のある言語（例：バリ語）をリクエストする際は、代替言語（この場合はインドネシア語）を指定する
console.log(new Intl.DateTimeFormat(["ban", "id"]).format(date));
// "19/12/2012"

const date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0, 200));

// 曜日と長い日付を指定してリクエストする
let options = {
  weekday: "long",
  year: "numeric",
  month: "long",
  day: "numeric",
};
console.log(new Intl.DateTimeFormat("de-DE", options).format(date));
// "Donnerstag, 20. Dezember 2012"

// アプリケーションは UTC を使用し、それを可視化したい場合がある
options.timeZone = "UTC";
options.timeZoneName = "short";
console.log(new Intl.DateTimeFormat("en-US", options).format(date));
// "Thursday, December 20, 2012, GMT"

// 時にはより正確に表現したくなるときもある
options = {
  hour: "numeric",
  minute: "numeric",
  second: "numeric",
  timeZone: "Australia/Sydney",
  timeZoneName: "short",
};
console.log(new Intl.DateTimeFormat("en-AU", options).format(date));
// "2:00:00 pm AEDT"

// 時には極めて正確でありたいと思うこともある
options.fractionalSecondDigits = 3; // 秒以下の小数点以下の桁数
console.log(new Intl.DateTimeFormat("en-AU", options).format(date));
// "2:00:00.200 pm AEDT"

// 時にはアメリカでも 24 時間表記が必要だ
options = {
  year: "numeric",
  month: "numeric",
  day: "numeric",
  hour: "numeric",
  minute: "numeric",
  second: "numeric",
  hour12: false,
  timeZone: "America/Los_Angeles",
};
console.log(new Intl.DateTimeFormat("en-US", options).format(date));
// "12/19/2012, 19:00:00"

// オプションを指定せずブラウザーの既定のロケールを使用するには、　undefined を使用する
console.log(new Intl.DateTimeFormat(undefined, options).format(date));
// "12/19/2012, 19:00:00"

// 時には時間帯を含めることが役立つこともある
options = { hour: "numeric", dayPeriod: "short" };
console.log(new Intl.DateTimeFormat("en-US", options).format(date));
// 10 at night

const options = { calendar: "chinese", numberingSystem: "arab" };
const dateFormat = new Intl.DateTimeFormat(undefined, options);
const usedOptions = dateFormat.resolvedOptions();

console.log(usedOptions.calendar);
// "chinese"

console.log(usedOptions.numberingSystem);
// "arab"

console.log(usedOptions.timeZone);
// "America/New_York" （ユーザーの既定のタイムゾーン）