如何在ng-repeat中显示缩短的日期(Ionic-Framework)

Question

我想要显示一个数组的产品列表。该数组具有每个产品的名称(Pname)和日期(Date)。

<ion-list>
  <ion-item ng-repeat="object in products" href="#/app/fridge/{{object.pname}}">
    <b>{{object.pname}}</b> <a id="date">{{objectdate}}</a>
  </ion-item>
</ion-list>

如果我这样做，日期会以一种非常不吉利的方式显示。我该如何解决这个问题呢？

也许你可以告诉我，我如何写出从给定日期到今天日期之间的句号。

我已经试过了，但是不起作用：

<ion-list>
  <ion-item ng-repeat="object in products" href="#/app/fridge/{{object.pname}}">
  <script>
  var date = object.date;
  //some steps to short the date...
  var shortDate = ...
  </script>
    <b>{{object.pname}}</b> <a id="date">{{shortDate}}</a>
  </ion-item>
</ion-list>

我希望你能按照我的描述。这是我在这里的第一个问题。:)

非常感谢!

Answer 1

使用力矩(http://momentjs.com/)库和角矩适配器(https://github.com/urish/angular-moment)来解决这个问题。

它非常容易使用：

<b>{{object.pname}}</b> <a id="date">{{object.date|amTimeAgo}}</a>

Answer 2

只需使用内置日期过滤器：{{object.date | date：'shortDate'}}

查看docs中的不同格式

Answer 3

然后，您只需要日期过滤器：https://docs.angularjs.org/api/ng/filter/date

<ion-list>
  <ion-item ng-repeat="object in products" href="#/app/fridge/{{object.pname}}">
    <b>{{object.pname}}</b> <a id="date">{{ object.date | date:'shortDate' }}</a>
  </ion-item>
</ion-list>