Angular orderBy with date string

时间:2014-12-26 02:40:44

标签: javascript angularjs datetime

我试图按日期在我的网络应用中订购活动(在这种情况下'从我的数据库开始'日期)。我遇到了日期没有正确排序的问题。我相信他们正在按字母数字排序,而不是按日期排序,因为我的开始' field是一个字符串。我的问题是,如何最好地将此字段转换为日期以进行正确排序?相关代码如下:

html:

<div ng-repeat="event in events | orderBy:'start'">{{event.city}}</div>

角度控制器:

angular.module('MainCtrl', []).controller('MainController', function($scope, $routeParams, Events) {

  // pull empty event details from API based on routeParams to get all events
  $scope.id = '';

  Events.get($scope.id).success(function(response) {
      $scope.events = response;
  });
});

示例数据库对象:

{
  "_id": {
      "$oid": "54978d87ac1e3caaeee8452c"
  },
  "event": "New Years Eve - Times Square",
  "city": "New York",
  "state": "New York",
  "date": "December 31, 2014",
  "start": "December 31, 2014",
  "end": "January 1, 2015",
  "radius": "400",
  "team_1": "",
  "team_2": "",
  "object_id": "10897094",
  "longitude": "-73.9848931",
  "latitude": "40.7591529",
  "photos": []
}

1 个答案:

答案 0 :(得分:2)

原来是一个非常简单的解决方案。我只是将以下代码添加到我的Events.get内的控制器中:

for (var i = 0, max = response.length; i < max; i++) {
        $scope.events[i].start = new Date(response[i].start);
}