如何使用toLocaleString方法進行日期格式化

JavaScript中，日期和時間是常見的數據類型之一。DatePicker、TimePicker和DateTimePicker等UI庫大量使用。toLocaleString方法是JavaScript提供的用於處理日期和時間的方法之一。此方法能夠將日期和時間的格式公開化，並且支持不同語言和地區。

一、toLocaleString方法的介紹

toLocaleString()用於返回一個表示該對象的本地字符串。toLocaleString()無需傳遞任何參數，它自動根據環境返回一個本地值（比如英文環境返回英文，中文環境返回中文）。toLocaleString()方法支持轉換為字符串的對象包括Date對象、Number對象和Collator對象。

Date對象表示時間，鏈接了具體的日曆系統，時區和所在地域的設置。Date對象中的toLocaleString()方法，返回一個格式化後的地點和時區相關的日期字符串。

二、toLocaleString()方法支持的參數

toLocaleString()方法提供了參數，用於在將日期轉換為字符串時，定製化格式。使用toLocaleString()方法，可以實現對日期和時間進行格式化，包括設置具體的區域、時區、語言和數字格式。如下：

• locales：一個包含用來格式化的語言環境字符串，比如”en-US”、”zh-CN”等。
• options：一個可選的對象，用於配置格式，比如要顯示的月份和日期的長度、時區和及是否啟用24小時制等。

三、toLocaleString()方法的示例代碼

示例1：無參數

  
    var date = new Date();
    var str = date.toLocaleString();
    console.log(str); // "5/28/2018, 2:37:09 PM"
  

示例2：使用options參數

  
    var date = new Date();
    var options = { year: 'numeric', month: 'long', day: 'numeric' };
    var str = date.toLocaleString('en-US', options);
    console.log(str); // "May 28, 2018"
  

小結

如上示例代碼，可以看出toLocaleString()方法簡單易懂，並且可以通過參數的不同，達到想要的日期和時間格式。所以在實際的項目中，如果遇到需要設置時間格式的情況，可以考慮使用toLocaleString()方法。