Question

我想显示一个数组的产品列表。该数组具有每个产品的名称（pname）和日期（日期）。

<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 |日期：＆＃39; shortDate＆＃39;}}

查看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>

Answer 4

关于使用过滤日期的其他过滤器很好。

我只是回答，因为评论不容易阅读。这段代码不会有用：

<script>
var date = object.date;
//some steps to short the date...
var shortDate = ...
</script>

您必须在角度控制器中移动此代码并将值存储在范围内： $ scope.shortDate =

然而，对于这种使用过滤器的东西是首选。

Answer 5

您可以在项目中使用功能：

<div class="form-group">
    <div class="col-md-12 col-sm-12">
        <select data-plugin-selectTwo
                name="send_item_id"
                id="send_item_id"
                ng-model="send_item_id"
                ng-change="getSendItem()"
                class="form-control populate">

            <option ng-repeat="item in items" value="@{{ item.value }}">@{{ item.text }}</option>

        </select>
    </div>
</div>

然后，在您的控制器中定义一个函数并返回一个格式化的日期：

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

这假设object.date实际上是Date Object。

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

5 个答案: