after clicking on button the data should be filtered between 2 dates- Angularjs

Question

 scope.routeToTxn = function(){
            route.reload();
            location.path('/tellers/' + routeParams.tellerId + "/cashiers/" + routeParams.cashierId  +"/txns/" +  scope.formData.currencyCode);

            return function( item, startdate,enddate ) {
                var filtered = [];
                var txnstartDate = Date.parse(txnstartDate);
                var txnendDate = Date.parse(txnendDate);
                angular.forEach(item, function(item) {
                    if(item.completed_date > txnstartDate && item.completed_date < txnendDate) {
                        filtered.push(item);
                    }
                });
                return filtered;
            };

        };

<td class="col-md-2">
    from date:
    <input id="startDate" sort type="text" datepicker-pop="dd MMMM yyyy" ng-model="txnstartDate" class="form-control" is-open="opened" min="minDate" max="restrictDate"/>
</td>

<td class="col-md-2">
    To date:
    <input id="endDate" sort type="text" datepicker-pop="dd MMMM yyyy" ng-model="txnendDate" class="form-control" is-open="opened" min="minDate" max="restrictDate"/>
</td>

<td>
    <a ng-click="routeToTxn()" class="btn btn-primary">{{'label.button.cashier.showtxn' | translate}} </a>
</td>

after clicking on search button the data should be filtered via 2 dates :

there are two insert boxes which will take 2 dates starting date and end date and after clicking on search box the data filtered data should be seen

score 0 · Answer 1 · answered Nov 03 '18 at 10:03

Check at this snippet you probably want to format those dates so when you compare them they actually compare https://jsfiddle.net/Lt7aP/14764/

formater used from this answer https://stackoverflow.com/a/29774197/8101253

html

<div ng-app ng-controller="Ctrl">
    <input ng-model="date1" type="date"></input>
    <input ng-model="date2" type="date"></input>
    <input type="submit" ng-click="compare(date1, date2)"></input>
    {{array}}
</div>

javascript

function Ctrl($scope) {

      $scope.array = [new Date("2018-11-06").toISOString().split('T')[0],
        new Date("2018-11-07").toISOString().split('T')[0],
        new Date("2018-11-09").toISOString().split('T')[0]
      ];
      $scope.compare = function(date1, date2) {
        $scope.array
          .filter(x => {
            console.log(x, date1, date2)
            return x > date1 && x < date2
          })
          .forEach(x => console.log(x));

      };
    }

after clicking on button the data should be filtered between 2 dates- Angularjs

1 Answers1