JavaScript Intl DateTimeFormat()用法及代碼示例

JavaScript Intl.DateTimeFormat 構造函數用於創建 Intl.DateTimeFormat 對象。可以使用或不使用 new 關鍵字調用此構造函數

用法:

Intl.DateTimeFormat(loc, opt)
new Intl.DateTimeFormat(loc, opt)

參數：該構造函數有兩個方法，並且都是可選的。

• loc: 這是一個字符串或字符串數組，允許使用以下值：
  • nu:它指定要遵循的編號係統
  • ca:它指定要遵循的日曆
  • hc:它指定要遵循的小時周期格式
• opt: 該參數包含其他屬性，例如日期風格,時間風格,日間、紀元等等。

返回：這將返回一個新的 DateTimeFormat 對象，其屬性根據是否使用 new 關鍵字調用而有所不同。

下麵的示例說明了 JavaScript Intl DateTimeFormat() 構造函數：

示例 1：在此示例中，我們將創建一個 DateTimeFormat 對象並使用它來格式化日期對象。

const time = new Intl.DateTimeFormat("en", { 
    timeStyle: "short", 
    dateStyle: "short"
}) 
var val = new Date(); 
console.log(time.format(val));

輸出：使用 format 方法對日期變量進行格式化

4/3/23, 2:11 PM

示例 2：在此示例中，我們將使用構造函數格式化 Date 對象。

var val = new Date(); 
console.log(new Intl.DateTimeFormat("en",{ 
    hour: "2-digit", 
    month: "numeric", 
    hourCycle: "h23", 
    dayPeriod: "long", 
    timeZone: "GMT", 
}).format(val));

輸出：

4, 08

支持的瀏覽器：

• Chrome
• Edge
• Firefox
• Opera
• Safari

我們有完整的 JavaScript Intl 方法列表可供檢查，請閱讀 JavaScript Intl Reference 文章。