【问题标题】:How to sort by descending datetime ng-repeat in Angularjs?如何在Angularjs中按降序日期时间ng-repeat排序?
【发布时间】:2016-12-30 10:52:36
【问题描述】:

我想按日期降序对数据进行排序,即 27、26、25 ...。如何做到这一点?

<tbody class="gradeX" ng-repeat="x in Profile | orderBy: x.created_datetime">
  <tr>
    <td>{{x.job_title }}</td>
    <td>{{x.created_datetime | date:'medium' }}</td>
    <td>{{x.updated_datetime | date:'medium' }}</td>
    <td>{{x.status}}</td>
    <td>{{ x.total }}</td>
    <td class="actions"> <a href="" data-toggle="tooltip" title="Show Invoice Details" ng-click="activeinvoicesCtrl.setCurrentJob(x)"><i class="fa fa-server fa-2x" aria-hidden="true"></i></a> </td>
  </tr>
</tbody>

【问题讨论】:

  • 英文,代码格式

标签: angularjs angularjs-directive angularjs-scope angularjs-ng-repeat


【解决方案1】:

添加带有您要查找的属性名称的字符串。 如果它是嵌套属性,请使用 .连接字符串,例如 'item.created_datetime'

<tbody class="gradeX" ng-repeat="x in Profile | orderBy: '-created_datetime'">

【讨论】:

  • 我想要最新的日期时间在上面
【解决方案2】:
 <tbody class="gradeX" ng-repeat="x in Profile | orderBy: 'created_datetime'">
                                        <tr >
                                            <td>{{x.job_title }}</td>
                                            <td>{{x.created_datetime  | date:'medium' }}</td>
                                            <td>{{x.updated_datetime  | date:'medium' }}</td>
                                            <td>{{x.status}}</td>
                                         <td >{{ x.total }}</td>
                                         <td class="actions">
                          <a href="" data-toggle="tooltip" title="Show Invoice Details"  ng-click="activeinvoicesCtrl.setCurrentJob(x)"><i class="fa fa-server fa-2x" aria-hidden="true"></i></a>

                        </td>                                       
                                        </tr>
                                    </tbody>

确保您的 created_datetime 对象是 javascript Date() 对象,否则您可能会惊讶地发现 2 月 1 日在 1 月 2 日之前。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-11-11
    • 2012-09-26
    相关资源
    最近更新 更多