javascript - 如何在 ng-repeat 中显示缩短的日期)( ionic 框架)

标签 javascript html css angularjs ionic-framework

我想显示一个数组的产品列表。该数组具有每个产品的名称(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>

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

非常感谢!

最佳答案

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

它非常易于使用:

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

关于javascript - 如何在 ng-repeat 中显示缩短的日期)( ionic 框架),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35219322/

相关文章:

javascript - Twitter Bootstrap 背景图像未显示在本地主机上

html - Firefox 中的输入控件溢出 flex 容器

XPath 中的 CSS 选择器

javascript - Django - Javascript 不能在模板中工作

javascript - 在 Jupyter Notebook 中加载 Bokeh 返回 : TypeError: a. 运算符未定义

html - 使用显示 :table-cell without table-row

css - Twitter Bootstrap - 改变表单中复选框的高度

javascript - 根据日期时间字段填充文本框。 ASP.NET C# JS

javascript - 条件 ng-style 未被应用

javascript - 用javascript显示后隐藏div