javascript - AngularJS:获取后缀为 rd、th 和 st 的日期

Question

如何在 Angular Java 脚本中格式化日期？

代码

<p id="summaryHeader">Calendar of {{dt}}</p>

我得到的值是 2014-06-05T12:38:42.744Z

我试过了

<p id="summaryHeader">Calendar of {{dt|date:'MMMM dd'}}</p>

这给了我

Calendar of June 05

我需要它作为 Calendar of June 05th或 7 月 2 日，依此类推。后方 rd,th,st正是我要寻找的。

Anuglar Docs很好，但不要指定此格式。

Answer 1

我想这就是您要找的 - http://www.michaelbromley.co.uk/blog/13/an-ordinal-date-filter-for-angularjs 使用逻辑的自定义过滤器

app.filter('dateSuffix', function($filter) {
  var suffixes = ["th", "st", "nd", "rd"];
  return function(input) {
    var dtfilter = $filter('date')(input, 'MMMM dd');
    var day = parseInt(dtfilter.slice(-2));
    var relevantDigits = (day < 30) ? day % 20 : day % 30;
    var suffix = (relevantDigits <= 3) ? suffixes[relevantDigits] : suffixes[0];
    return dtfilter+suffix;
  };
});

还有一个演示:http://plnkr.co/edit/HiyQ9uvxQL3FRoj7hKB8?p=preview