Error in Angularjs when save date, why?

Question

I have the following HTML code:

<form name="formProfissional">
    <label>Data</label>
    <input class="form-control" type="date" name="dia" ng-model="agenda.dia" required>
    <label>Hora</label>
    <input class="form-control" type="time" name="hora" ng-model="agenda.hora" required>
    <button class="btn btn-block btn-primary btnAdicionar" ng-click="setAgenda(agenda)">Adicionar</button>
</form>

And this controller:

app.controller("AgendaProfissionaisCtrl", ['$scope', '$http', '$window', '$location', '$rootScope', '$routeParams', function ($scope, $http, $window, $location, $rootScope, $routeParams) {

$rootScope.idestabelecimento = localStorage.getItem('idestabelecimento');
$scope.idprofissional = $routeParams.idprofissional;

// $scope.nome;
var getPro = function(){
    var idpro = $scope.idprofissional;
    var opcao = 1; //Pegar profissional

$http.get("http://localhost:8888/sistemas/Android/areaAdmin/api/admin_estabelecimento/agendaProfissionais.php?opcao="+opcao+"&idpro="+idpro).success(function(response){
        $scope.nome = response.nome;
    })
}

getPro();

$scope.setAgenda = function(agenda){
    agenda.idpro = $scope.idprofissional;
    var mes  = new Date(agenda.dia).getMonth() + 1;
    var dia  = new Date(agenda.dia).getDate();
    var ano  = new Date(agenda.dia).getFullYear();

    var hora  = new Date(agenda.hora).getHours();
    var min  = new Date(agenda.hora).getMinutes();

    agenda.dia = ano+'-'+mes+'-'+dia;
    agenda.hora = hora+':'+min;
    console.log(agenda)
}


}]);

And on the console, although the correct data appears, this warning appears:

Does anyone know why this warning?

Answer 1

In the view you are defining agenda.dia as a date:

<input class="form-control" type="date" name="dia" ng-model="agenda.dia" required>

But with the line

agenda.dia = ano+'-'+mes+'-'+dia;

you are converting the object to a string. To keep the guy date, change to:

agenda.dia = new Date(ano, mes, dia);

If you want to preserve, for some reason, the string containing the description of the day, create another property.

To preserve the value hora, you can use one of the overloads Date() accepting hours and minutes specification:

agenda.hora = new Date(0,0,0,hora,min); 

Answer 2

This is because from version 1.3 of Angularjs, inputs with type date need to have a ng-model which is a valid date.

The agenda.dia is a string, so this error happens.

The code should be

agenda.dia = new Date(ano, mes, dia);

You read about it on page related to this error.