javascript - 使用 Angular js 在表中按日期排序

Question

我正在使用带有 Angular js 的 Visual Studio 2013。

我的问题是我使用 ng-repeat 绑定(bind)表中的数据，如给定的示例:

<table class="table table-bordered table-hover table-striped">
  <tr class="box-head">
    <th><a href="#" ng-click="sortTypes = 'OrderNumber'; sortReverses = !sortReverses">OrderNo.</a></th>
    <th><a href="#" ng-click="sortTypes = 'OrderDate'; sortReverses = !sortReverses">Order DT.</a></th>
  </tr>
  <tr ng-repeat="om in Data | orderBy:sortTypes:sortReverses">
    <td>{{om.OrderNumber}}</td>
    <td>{{om.OrderDate}}</td>
  <tr>
</table>

在这里，我对 ordernumber 的 onclick 数据进行的排序完全正常，但在 orderdate 中排序未正确执行。

我在哪里做错了吗，请指导我这样做!如何对OrderDate的onclick数据进行排序？

任何帮助将不胜感激。提前致谢。

Answer 1

在您的 Controller 中，您将以 om 对象列表的形式获取数据。每个 om 对象都有一个 OrderDate 属性。看起来这些 OrderDate 属性不是正确的 javascript 日期对象。其中一种方法是迭代列表并进行强制转换 - 像这样 ->

 om.OrderDate = new Date(om.OrderDate);

您也可以使用 $filter('date') 或其他方式格式化日期。