如何在AngularJs中显示日期的缩写日期

时间:2015-12-17 18:28:30

标签: angularjs

我有一份来自服务的清单。这是来自json的样本json数据

  [
  {
   "Date":"2015-12-09T17:03:56.869-06:00",
   "id":"1",
   "itemCode":"B001"
   "itemName":""
  },
  {
   "Date":"2015-12-02T17:03:56.869-06:00",
   "id":"1",
   "itemCode":"B001"
   "itemName":""
  }...  
  ]

在视图中,根据日期值,我必须显示今天(如果是今天的日期),然后是昨天(如果是昨天的日期),然后是一周中的每一天(周二,周一,周日) )。

一旦列表到达上一个星期日,应该显示“上周”,一旦列表到达两个星期日之前,应该显示“两周前”,依此类推,直到三周。列表3周后,它应显示“上个月”。在上周日的第8个星期日之后,标题名为“两个月前”,依此类推,直到6个月前。我们正在获取过去6个月的列表数据。

如何获得这些功能?有没有过滤器或内置方法?

4 个答案:

答案 0 :(得分:0)

我推荐MomentJS。它是操作日期的强大工具,具有大量显示功能(根据您的需要,我建议使用时间和日历)。

http://momentjs.com/docs/#/displaying/fromnow/

答案 1 :(得分:0)

角度日期过滤器doc她:https://docs.angularjs.org/api/ng/filter/date

答案 2 :(得分:0)

您可以根据自己的要求使用日期过滤器,例如{{ date_expression | date : format : timezone}}它可以帮助您显示所需格式的显示日期。

答案 3 :(得分:0)

使用Moment js

并在创建过滤器中

.filter('convertDatetoString', function (){
return function(date){
    return moment(date).format("MMM Do");
}})

并在使用<span ng-bind="date | convertDatetoString"></span>

的视图中

请参阅http://momentjs.com/了解格式`