Угловой фильтр диапазона дат

Question

Мне было интересно, может ли кто-нибудь помочь мне. В настоящее время я пытаюсь получить фильтр даты для работы в Angular. Я мог бы сделать это совершенно неправильно, но просто подумал, что я спрошу.

У меня в настоящее время есть цикл ng-repeat, проходящий через массив объектов. Мои объекты имеют следующие поля: title, sentBy и recevied. Получено в формате UTC, и мой фильтр в основном принимает два входа также в формате utc для даты начала и окончания. Затем фильтр проверяет, превышает ли полученное значение дату или меньше или равно ее дате окончания. Моя проблема в том, что вход в фильтр является входом всего объекта. Я не уверен, как получить доступ к полученному полю объекта внутри фильтра, чтобы выполнить сравнение. Я попробовал input.received, но он, похоже, не работал. heres образец моего кода.

.filter('dateRange', function(){ 

return function(input, startDate, endDate) { 

    if(input.received >= startDate && input <= endDate){ 
     return input; 
    } 

}; 

})

Как я говорю, что можно было бы идти об этом совершенно неправильно, но любая помощь будет принята с благодарностью.

редактировать: мой HTML-код так же просто, как показано ниже:

<div ng-repeat="message in messages | dateRange: startDate : endDate " > 

Answer 1

Try ниже кода. Вам нужно сравнить время.

.filter('dateRange', function(){ 

    return function(input, startDate, endDate) { 
     angular.forEach(input, function(obj){ 

     if(obj.received.getTime() >= startDate.getTime() && obj.received.getTime() <= endDate.getTime()) { 
      return obj; 
     } 
     }); 

    }; 
}); 

<div ng-bind="messages | dateRange: startDate : endDate " ></div> 
    or 
<div> {{messages | dateRange: startDate : endDate }}</div> 

Answer 2

В коде фильтр работает на сообщений массива, это означает, что первый аргумент (вход) является массив, и тип возвращаемого значения должен быть массивом тоже. Посмотрите here.

Ваш код должен быть что-то вроде этого:

<div ng-repeat="message in messages | dateRange: startDate : endDate" > 

Ваш фильтр:

.filter('dateRange', function() { 
    return function(input, startDate, endDate) { 

     var retArray = []; 

     angular.forEach(input, function(obj){ 
     var receivedDate = obj.received; 

     if(receivedDate >= startDate && receivedDate <= endDate) { 
      retArray.push(obj);   
     } 
     }); 

     return retArray; 
    }; 
}); 

Вот plunker.