1

Tenho um sistema onde ao entrar em uma página uma lista é carregada com alguns dados. Porém gostaria de fazer um filtro pra buscar os dados entre duas datas.

Ex: buscar todos os registros entre 03/10/2015 e 03/11/2015. Como faço esse filtro direto no Json? Ou seja, sem precisar enviar essas datas como parâmetro pro servidor.

Aqui está o JSON que é retornado pelo servidor:

[
   {
      "codigoPrestador":9520,
      "nomePrestador":"Diego",
      "dataPagamento":"2015-04-30T00:00:00-0300",
      "totalDebito":6327.59,
      "totalLiquido":96560.2,
      "totalLote":102886,
      "totalGlosa":52.71
   },
   {
      "codigoPrestador":9520,
      "nomePrestador":"Diego",
      "dataPagamento":"2015-07-15T00:00:00-0300",
      "totalDebito":5600.41,
      "totalLiquido":85463.2,
      "totalLote":91063.6,
      "totalGlosa":172.09
   },
   {
      "codigoPrestador":9520,
      "nomePrestador":"Diego",
      "dataPagamento":"2015-07-31T00:00:00-0300",
      "totalDebito":5503.35,
      "totalLiquido":83982.1,
      "totalLote":89485.5,
      "totalGlosa":0.48
   }
]

Página:

inserir a descrição da imagem aqui

Código da Página:

<div class="row">
    <div class="col col-50">
    <label class="item item-input">
      <input type="date" placeholder="Data Inicial"  name="from" ng-model="startDate">
    </label>
    </div>
    <div class="col col-50">
    <label class="item item-input">
      <input type="date" placeholder="Data Final" name="to" ng-model="endDate">
    </label>
      </div>
</div>

  </br>
    <div class="row header">
      <div class="col col-30">Débito</div>
      <div class="col col-30">Glosa</div>
      <div class="col col-40" style="text-align:left">Liquido</div>
      <div class="col col-40" style="text-align:rigth">Data</div>

    </div>
    <div class="row" ng-repeat="item in items | betweenDate:'unformated':startDate:endDate">
      <div class="col col-30" style="font-size:13px">{{item.totalDebito | currency}}</div>
      <div class="col col-30"style="font-size:13px">{{item.totalGlosa | currency}}</div>
      <div class="col col-40" style="color: #339933;font-weight:bold;font-size:13px">{{item.totalLiquido | currency}}</div>
      <div class="col col-40" style="font-size:13px">{{item.dataPagamento | date:"dd/MM/yyyy"}}</div>
    </div>

1 Resposta 1

1
$scope.prestadores = [
   {
      "codigoPrestador":9520,
      "nomePrestador":"Diego",
      "dataPagamento":"2015-04-30T00:00:00-0300",
      "totalDebito":6327.59,
      "totalLiquido":96560.2,
      "totalLote":102886,
      "totalGlosa":52.71
   },
   {
      "codigoPrestador":9520,
      "nomePrestador":"Diego",
      "dataPagamento":"2015-07-15T00:00:00-0300",
      "totalDebito":5600.41,
      "totalLiquido":85463.2,
      "totalLote":91063.6,
      "totalGlosa":172.09
   },
   {
      "codigoPrestador":9520,
      "nomePrestador":"Diego",
      "dataPagamento":"2015-07-31T00:00:00-0300",
      "totalDebito":5503.35,
      "totalLiquido":83982.1,
      "totalLote":89485.5,
      "totalGlosa":0.48
   }
];

$scope.convertDates = function(startDate, endDate) {
   arrDate['startDate'] = new Date(startDate).getTime();
   arrDate['endDate'] = new Date(endDate).getTime();
  return arrDate;
}



 $scope.filterByDate = function (startDate, endDate) {
            if (angular.isDefined(startDate) && angular.isDefined(endDate)) {
              var dates = $scope.convertDates(startDate,endDate);
                startDate = dates['startDate'];
                endDate = dates['endDate'];

                if (endDate < startDate)
                {
                    alert("A Data Inicial deve ser maior que a Data Final");
                    return;
                }

                var collection = _.groupBy($scope.prestadores, function (prestador) {
                    return (prestador.dataPagamento >= startDate && prestador.dataPagamento <= endDate);
                });
                $scope.prestadores = collection;
            }
  }

Se preferir, também pode fazer um filtro:

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

      var collection = [];

      angular.forEach(input, function(oldValue){
        var dataPagamentoString = oldValue.dataPagamento;
        var dateTimestamp = new Date(dataPagamentoString).getTime();
        if(dateTimestamp >= startDate && dateTimestamp <= endDate) {
            collection.push(oldValue);         
        }
      });

      return collection;
   };
}); 

Olhe no Manual do Angular JS, tem mais detalhes sobre filtros.

E aqui tem mais um exemplo.

E aqui tem mais outro.

Além desses exemplos, tenho outro filtro aqui:

angularApp.filter('betweenDate', function ($filter) {

    return function (collection, column, startDate, endDate) {

        if (angular.isDefined(startDate)) {
            var startDate = Date.parse(startDate);
        }

        if (angular.isDefined(endDate)) {
            var endDate = Date.parse(endDate);
        }

        if (angular.isDefined(startDate) && angular.isDefined(endDate)) {

            var retorno = [];

            if (angular.isDefined(collection)) {

                if (collection.length > 0) {
                    if (isNaN(startDate) || isNaN(endDate)) {
                        retorno = collection;
                    } else {

                        angular.forEach(collection, function (object, index) {
                            var obj = eval('object.' + column);
                            if (angular.isDefined(obj)) {
                                if (startDate > 0 && endDate > 0 && startDate <= endDate) {
                                    var currentDate = Date.parse($filter('date')(obj, 'yyyy-MM-dd HH:mm:ss'));
                                    if ((currentDate >= startDate) && (endDate >= currentDate)) {
                                        retorno.push(object);
                                    }

                                }
                            }
                        });
                    }
                }
            }

        } else {
            retorno = collection;
        }

        return retorno;
    };
});

Aqui está o filtro com a implementação que você precisa.

1

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .