從特定區域設置中的角度日期過濾器輸出格式化日期？

Question

我使用以下過濾器：

{{music.start | date : "dd MMMM yyyy"}} 

計算機的語言環境的月份角輸出。但我讓我的用戶在應用程序中選擇區域設置。

localize.language = "en" 

什麼是告訴Angular輸出格式化日期而不是計算機語言環境的好方法？

我幻想着到一個類似於：

{{music.start | date : "dd MMMM yyyy" : localize.language}} 

但我很欣賞一個解決方案的想法。

Answer 1

要麼你

• 使用toLocaleDateString()將日期轉換在您的控制器，並追加其作爲一個屬性您music對象或
• 您使用符號的名稱，如{{music.start| date:'shortTime'}} - 然而，這並不能產生真正的沒有時間信息的短日期你正在尋找。

這是一個blog post關於格式化區域設置的不同方法。

由於您提交了一個固定的日期字符串，並希望根據語言環境重新格式化，所以您的想法不起作用。那會很容易出錯並且很難理解。

Answer 2

你可以試試下面的例子在你的控制器

var options = { month: 'long', day: 'numeric',year: 'numeric' }; 
console.log(music.start.toLocaleString('en-US', options)) 

而且更多有關的toLocaleString（）存在於https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleString網址。