2

Tenho um form com campo de data, date. Na 1a. vez que seleciono um data e clico em salvar, esse aviso aparece no console:

inserir a descrição da imagem aqui

Meu HTML:

<div class="col-md-12" ng-controller="SaldoCtrl">
    <form name="formSaldo" class="formSaldo">
        <input class="form-control dataSaldo" type="date" name="dataSaldo" ng-model="saldo.data">
        <select class="form-control descricaoSaldo" name="descricaoSaldo" ng-model="saldo.descricao" required>
            <option value="">Selecione...</option>
            <option value="Caixa">Caixa</option>
            <option value="Tesouraria">Tesouraria</option>
            <option value="Saldo Bancário">Saldo Bancário</option>
            <option value="Diversos">Diversos</option>
        </select>
        <select class="form-control saldoFormaPgto" name="formaPgto" ng-model="saldo.formaPgto" required>
            <option value="">Selecione forma pgto.</option>
            <option value="Dinheiro">Dinheiro</option>
            <option value="Cheque á vista">Cheque á vista</option>
            <option value="Cheque á prazo">Cheque á prazo</option>
            <option value="Outros valores">Outros valores</option>
        </select>
        <input class="form-control saldoValor" type="text" name="valorsaldo" ng-model="saldo.valor" required>
        <a class="btn btn-success" ng-disabled="formSaldoBancario.$invalid" ng-click="salvarSaldo(saldo)">Salvar</a>
        </form>
</div>

Meu controller:

app.controller("SaldoCtrl", function ($scope, $http, $window, $rootScope, $filter) {
    $scope.salvarSaldo = function(saldo){
    if(saldo.data){
        var data = $filter('date')(saldo.data, 'yyyy-MM-dd');
        saldo.data = data;
    }else{
        var data = new Date();
        var data = $filter('date')(data, 'yyyy-MM-dd');
    }

    saldo.data = data;
    saldo.idempresa = $scope.idempresa;
    saldo.opcao = "Adicionar saldo";
    console.log(saldo);

    }
});
2
  • Qual a saída de console.log( typeof $filter('date')(saldo.data, 'yyyy-MM-dd') ) ?
    – BrTkCa
    3/01/2018 às 18:26
  • É retorna uma String... 3/01/2018 às 18:33

1 Resposta 1

1

Provavelmente em algum momento o modelo do campo é alterado para outro tipo que não seja Date, isso significa que todo <input type="date" > requere um Date.

Acredito que o momento que isso acontece é no $filter('date')(saldo.data, 'yyyy-MM-dd'); onde deve retornar uma string.

Você pode retornar isso criando um objeto date a partir da string, lembrando de passar o argumento correto para o date. Exemplo:

let data = new Date('2018-01-05'); // formato valido
let data = new Date('05/01/2018'); // formato invalido

Pode-se ajustar o $filter para retornar uma data que poderá ser usada no new Date($filter()).

var app = angular.module("Teste", []);
app.controller("ctrl", function($scope) {

  $scope.data = new Date();

  $scope.mudar = function() {
    $scope.data = new Date('01-07-2018'); // mes-dia-ano
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-i18n/1.6.8/angular-locale_pt-br.min.js"></script>

<div ng-app="Teste">
  <div class="col-md-12" ng-controller="ctrl">
    <form>
      <input class="form-control" type="date" ng-model="data">
      <button type='button' ng-click='mudar()'>Mudar</button>
    </form>
  </div>
</div>

5
  • Sim, no console mostra 'string' colocando o console.log que vc sugeriu acima. 3/01/2018 às 18:34
  • Como devo fazer então? 3/01/2018 às 19:28
  • Exato! Preciso que a data e um formato 0000-00-00 ou 00-00-0000, tanto faz. 3/01/2018 às 19:41
  • Editei a resposta @GustavoSevero
    – BrTkCa
    5/01/2018 às 11:47
  • Certo Lucas, mas tem um probleminha. No seu código de exemplo "$scope.data = new Date('01-07-2018');" você esta colocando a data a ser modificada na mão e no meu caso, deve ser a data que o usuário seleciona do calendário. 8/01/2018 às 0:59

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 .