AngularJS - 将时间戳日期格式转换为javascript格式

Question

我想在角度项目的视图中显示一个人性化的日期格式，我看到angular有一个过滤器来执行此操作，但输入日期需要具有某种格式。

在视图中可以看到的所需输出格式如下：“dd / MMMM / yyyy hh：mm：ss”

目前，我在数据库上有以下时间戳格式：

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

如何格式化这种类型的时间戳，以便角度可以根据需要对其进行解释并格式化？

非常感谢！

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中的日期过滤器以您希望的格式显示它（如果您不能直接在数据库中使用日期过滤器）。 / p>

您可以将其作为过滤器来简化：

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

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

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