javascript - 如何在智能表中按日期对项目进行排序

Question

如何在智能表中按日期对数据进行排序？使用 st-sort 它不是很好。

<table st-table="displayedCollection" st-safe-src="playerCollection" class="table table-hover">
      <thead>
        <tr>
            <th st-sort="id" class="hover">Id</th>
            <th st-sort="firstname" class="hover">Jméno</th>
            <th st-sort="lastname" class="hover">Příjmení</th>
            <th st-sort="registrationDate" class="hover">Datum registrace</th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="player in displayedCollection">
            <td class="hover">{{player.id}}</td>
            <td class="hover">{{player.firstname}}</td>
            <td class="hover">{{player.lastname}}</td>
            <td class="hover">{{player.registrationDate}}</td>
        </tr>
      </tbody>
  </table>

感谢您的回答。

Answer 1

它应该正常工作(参见文档网站)。但是，如果您的注册日期是一个日期字符串，您应该使用 getter 返回它的日期对象版本，否则您将获得字母数字顺序

在你的 Controller 中

$scope.getters = {
   registrationDate:function(row) {
      return new Date(row.registrationDate);
   }
}

所以你可以将你的标题绑定(bind)到这个 getter

<th st-sort="getters.registrationDate">Datum registrace</th>