如何在 TypeScript 中將日期轉換為字串？

---

在 Web 或移動應用程式上顯示日期和時間是很常見的。作為使用者，您是否曾經見過任何應用程式直接顯示日期物件？這種情況永遠不會發生，因為它會使使用者體驗變差。因此，我們需要將日期物件轉換為字串。

將日期物件轉換為字串後，我們可以根據需要對其進行格式化。日期格式是指“yyyy-mm-dd”、“dd-mm-yyyy”等。同樣，我們也可以對時間字串進行相同的操作。我們可以根據需要顯示小時、分鐘、秒和毫秒。在本教程中，使用者將學習如何在TypeScript中將日期物件轉換為字串。

使用 Date 類中的 toLocalString() 方法

日期物件的toLocaleString() 方法用於根據特定區域設定將日期物件轉換為字串。區域設定指的是某個特定區域。

語法

使用者可以按照以下語法使用 toLocaleString() 方法將日期物件轉換為字串。

let new_Date: Date = new Date();
new_Date.toLocaleString(Locale, options);

在上述語法中，我們使用 toLocaleString() 方法以及日期類的物件。

引數

toLocaleString() 方法接受以下兩個引數。

• Locale − 它表示特定區域。toLocaleString() 會根據特定區域設定將日期物件轉換為字串。

• Options − 它是一個包含不同選項的物件。toLocaleString() 方法根據選項返回日期字串。

返回值

• toLocaleString() 方法根據傳遞的引數值返回字串格式的日期。

示例

在下面的示例中，我們建立了 Date 類的物件。之後，我們使用了 toLocaleString() 方法（不帶任何引數）將 new_date 物件轉換為日期字串。

接下來，我們獲取了相同的 new_date 物件，並根據美國特定的區域設定將其轉換為字串。最後，我們還將包含 year 屬性的物件作為 toLocaleString() 方法的第二個引數傳遞。

//  Create a new date object
let new_Date: Date = new Date();
// Converting date to string
let result: string = new_Date.toLocaleString();
console.log("The date string according to current locale is: " + result);
// Convert the date object to US specific date string
result = new_Date.toLocaleString("en-US");
console.log("The date string according to US specific locale is: " + result);

編譯後，它將生成以下 JavaScript 程式碼：

//  Create a new date object
var new_Date = new Date();
// Converting date to string
var result = new_Date.toLocaleString();
console.log("The date string according to current locale is: " + result);
// Convert the date object to US specific date string
result = new_Date.toLocaleString("en-US");
console.log("The date string according to US specific locale is: " + result);

輸出

以上程式碼將產生以下輸出：

The date string according to current locale is: 12/14/2022, 10:38:03 AM
The date string according to US specific locale is: 12/14/2022, 10:38:03 AM

在輸出中，使用者可以看到，當我們將選項傳遞給 toLocaleString() 方法時，它會根據傳遞的選項返回字串。

使用 toString() 或 toISOString() 方法

在 TypeScript 中，toString() 方法將其他資料型別或物件的變數轉換為字串格式。因此，我們可以使用它將日期物件轉換為字串格式。

toISOString() 方法在 Date 類中定義。我們可以使用 toISOString() 方法將日期物件轉換為 ISO 字串格式，即 YYYY-MM-DDTHH:mm:ss.sssZ。

語法

使用者可以按照以下語法使用 toString() 和 toISOStirng() 方法以及日期類的物件。

let date_String: string = new_Date().toString();
date_String = new_Date().toISOString();

在上述語法中，我們使用 toString() 和 toLocaleString() 方法以及日期物件將它們轉換為字串。

示例

在下面的示例中，current_date 是日期物件的例項。之後，我們使用 toString() 和 toISOString() 方法將日期物件轉換為字串。使用者可以在輸出中看到它會根據 ISO 格式返回日期字串。

let current_date: Date = new Date();
// Use the toString() method
let date_String: string = current_date.toString();
console.log(
   "The date object after converting to string using the toString() method: " +
   date_String
);
// Use the toISOString() method
date_String = current_date.toISOString();
console.log(
   "The date object after converting to string using the toISOString() method: " +
   date_String
);

編譯後，它將生成以下 JavaScript 程式碼：

var current_date = new Date();
// Use the toString() method
var date_String = current_date.toString();
console.log("The date object after converting to string using the toString() method: " +
   date_String);
// Use the toISOString() method
date_String = current_date.toISOString();
console.log("The date object after converting to string using the toISOString() method: " +
   date_String);

輸出

以上程式碼將產生以下輸出：

The date object after converting to string using the toString() method: Wed Dec 14 2022 10:45:11 GMT+0000 (UTC)
The date object after converting to string using the toISOString() method: 2022-12-14T10:45:11.874Z

自定義函式將 Date 物件轉換為字串

建立自定義函式的方法是使用特定的方法分別從日期物件中獲取年份、月份、日期、小時、分鐘和秒，並從中建立一個格式化的字串。在 TypeScript 中，我們可以使用 + 運算子或字串字面量（${}）來格式化字串。

語法

使用者可以按照以下語法建立自定義日期字串。

let date_String: string =
   date_Object.getFullYear() +
   "/" +
   (date_Object.getMonth() + 1) +
   "/" +
   +date_Object.getDate() +
   " " +
   +date_Object.getHours() +
   ":" +
   +date_Object.getMinutes();

在上述語法中，我們展示瞭如何透過將年份、月份、日期等分別連線到字串來建立自定義日期字串。

示例

在下面的示例中，我們建立了一個名為 date_To_String 的函式，它建立並返回自定義日期字串，就像我們在上面語法中展示的那樣。

function date_TO_String(date_Object: Date): string {
  // get the year, month, date, hours, and minutes seprately and append to the string.
  let date_String: string =
    date_Object.getFullYear() +
    "/" +
    (date_Object.getMonth() + 1) +
    "/" +
    +date_Object.getDate() +
    " " +
    +date_Object.getHours() +
    ":" +
    +date_Object.getMinutes();
  return date_String;
}

let new_date: Date = new Date();
// calling the date_TO_String function
let date_string = date_TO_String(new_date);
console.log("The date string is " + date_string);

編譯後，它將生成以下 JavaScript 程式碼：

function date_TO_String(date_Object) {
   // get the year, month, date, hours, and minutes seprately and append to the string.
   var date_String = date_Object.getFullYear() +
      "/" +
      (date_Object.getMonth() + 1) +
      "/" +
      +date_Object.getDate() +
      " " +
      +date_Object.getHours() +
      ":" +
      +date_Object.getMinutes();
   return date_String;
}
var new_date = new Date();
// calling the date_TO_String function
var date_string = date_TO_String(new_date);
console.log("The date string is " + date_string);

輸出

以上程式碼將產生以下輸出：

The date string is 2022/12/14 10:47

本教程向我們介紹了三種將 Date 物件轉換為所需字串格式的不同方法。在本教程的前兩部分中，我們使用了 Date 類的不同方法，這些方法不允許我們完全靈活地格式化日期字串。我們可以使用上面學習的自定義函式根據我們的要求格式化日期字串。