来自api响应的角度格式日期

Question

我从API返回一个日期，该日期返回数据，日期如下：

created_at:"Mon May 30 12:28:00 +0000 2016"

通过使用Angular，我想格式化它，看起来像这样：

30 May 12:28

我尝试过以下操作，但遗憾的是它无法正常工作

<p>{{post.created_at | date:'dd MMM HH:mm'}}</p>

Answer 1

在提交到日期过滤器之前，您需要将日期字符串转换为Date（）对象。

// in controller
post.created_at = new Date(post.created_at);

// template can remain same
<p>{{post.created_at | date:'dd MMM HH:mm'}}</p>

// test code 

console.log($filter('date')(new Date('Mon May 30 12:28:00 +0000 2016'), 'dd MMM HH:mm'));

//30 May 05:28 for me, because I'm GMT-0700.