首頁猿問 ng-repeat按日期范圍過濾數(shù)據(jù)

ng-repeat按日期范圍過濾數(shù)據(jù)

AngularJS

慕無忌1623718 2019-09-26 10:14:25

我正在嘗試通過鍵入日期范圍來過濾包含時間戳的列表例如：的jsfiddleHTML<div ng-app="tst"> <div ng-controller="MyController"> <table> <tr> <td>From: <input ng-model="query.date1" type="text" placeholder="" /> </td> <td>To: <input ng-model="query.date2" type="text" placeholder="" /> </td> </tr> <tr ng-repeat="order in orders |filter:query"> <td>{{order.date1 * 1000 | date:'dd-MM-yyyy'}}</td> <td>{{order.date2 * 1000 | date:'dd-MM-yyyy'}}</td> </tr> </table> </div></div>JavaScript的var nameSpace = angular.module('tst',[]);nameSpace.controller('MyController', function MyController($scope) { $scope.orders = [ { "date1":"1306487800", "date2":"1406587800" }, { "date1":"1196487800", "date2":"1406597800" }]});我希望能夠用值填充“發(fā)件人”字段：27-05-2010并且“ To”字段的值為：29-07-2015并僅獲取該范圍內(nèi)的記錄。（示例中的第一條記錄）。謝謝分配阿維

查看完整描述

3 回答

開心每一天1111

TA貢獻1836條經(jīng)驗獲得超13個贊

對于時間操縱，我強烈建議使用諸如momentJS之類的庫；使用momentJS和現(xiàn)代瀏覽器，可以以非常聲明的方式實現(xiàn)：

.filter('dateRange', function() {
  return function(items, startDate, endDate) {
    //an undefined startDate is converted to the beginning of time
    startDate = startDate || 0;

    const granularity = null // can be 'days', ... see momentJS doc

    //you need support for array.prototype.filter and arrow functions; i.e. IE sucks/needs a polyfill   
    return items.filter(item => moment(item).isBetween(startDate, endDate, granularity, '[]'));
  }}

反對回復 2019-09-26