Question

这是我的问题，我想比较2个日期并显示我的ng-if为真的每个日期。但这不起作用，因为当我的user.created_at中只有一个不如{{1}}时，我的time会返回false并且不会显示任何内容。

ng-if

并在我的控制器中：

<ul ng-repeat="user in userticket track by $index" ng-if="user.created_at > time" >
       <li class="row ticketlist">{{user.created_at | amDateFormat:'YYYY.MM.DD'}}</li>
</ul>

Answer 1

始终使用Date objects。然后你可以直接比较

$scope.time = new Date(2015, 5);

我看不到user.created_at的格式，但如果它不是Date对象，你也可以解析/转换它。

https://jsfiddle.net/3pvk51xu/

Answer 2

最好的方法是创建自定义过滤器。请参阅ng-repeat filtering data by date range。

这是解决方案：

<强>的jsfiddle

HTML

<input ng-model="dateFrom" type="text"/>
<input ng-model="dateTo" type="text"/>
<tr ng-repeat="order in orders | myfilter:dateFrom:dateTo">
  <td>{{order.date1 * 1000 | date:'dd-MM-yyyy'}}</td>
  <td>{{order.date2 * 1000 | date:'dd-MM-yyyy'}}</td>
</tr>

<强>的javascript

function parseDate(input) {
  var parts = input.split('-');
  return new Date(parts[2], parts[1]-1, parts[0]); 
}

nameSpace.filter("myfilter", function() {
  return function(items, from, to) {
        var df = parseDate(from);
        var dt = parseDate(to);
        var result = [];        
        for (var i=0; i<items.length; i++){
            var tf = new Date(items[i].date1 * 1000),
                tt = new Date(items[i].date2 * 1000);
            if (tf > df && tt < dt)  {
                result.push(items[i]);
            }
        }            
        return result;
  };
});
also, i changed the timestamp data type from string to numbres.

  $scope.orders = [
  {
    "date1": 1306487800,
    "date2": 1406587800
  },
  {
    "date1": 1196487800,
    "date2": 1406597800
  }]

比较ng-repeat中的日期

2 个答案: