AngularJS-將時間戳日期格式轉換為javascript格式

Question

我想在角度項目的視圖中顯示一種對人類友好的日期格式，我看到角度可以使用過濾器，但是輸入日期必須具有某種格式。

在視圖中看到的所需輸出格式如下：“ dd / MMMM / yyyy hh：mm：ss”

當前，我在數據庫上具有以下時間戳格式：

“ 2016-08-15 12:34:34”

如何格式化這種類型的時間戳，以便angular可以解釋它並根據需要對其進行格式化？

非常感謝！

Answer 1

您可以只使用內聯過濾器：

例：

<span>{{vm.Date | date: 'dd/MMMM/yyyy hh:mm:ss'}}</span>

編輯：明確地說，您發布並不清楚該時間戳是否是字符串，因此您可能必須相應地對其進行解析。 我看到其他海報只是假設它是一個字符串。

Answer 2

如果Angular無法自行解析數據庫中的字符串，則可以使用JavaScript Date.parse("2016-08-15 12:34:34")為您返回Angular可以正確解釋的日期。

Answer 3

您可以將日期解析為javascript日期，然后使用Angular中的日期過濾器以所需的格式顯示它（如果您不能直接對數據庫中的日期使用日期過濾器）。

您可以將其作為過濾器來簡化操作：

myApp.filter('formatted', function() {
  return function(value) {
    return new Date(value);
  }
});

在您的html中，您可以在日期過濾器之前添加此過濾器：

Filter: {{ vm.dateToFormat | formatted | date: 'dd/MMMM/yyyy hh:mm:ss' }}