Campo Data Retornando Undefined

@cido18 escreveu:

Estou tentando capturar um valor de um componente usando angularjs 1.X, mas da classe que criei apenas um campo de data não está sendo preenchido o mesmo retorna undefined.

Segue meu controller:

angular.module('app').controller('agendacontroller',function($scope,agendaAPI,laboratorioAPI){
$scope.listaAgenda=[];
$scope.laboratorios = [];
$scope.agenda={};

var carregaLaboratorio = function(){
laboratorioAPI.getLaboratorios().success(function(data){
$scope.laboratorios = data;
}).error(function (data, status) {
$scope.message = "Não foi possivel conectar ao servidor tente mais tarde " + data;
});
};

$scope.agendar = function(agenda){
    agendaAPI.saveAgenda(agenda).success(function(data){
      $scope.message = "Agenda realizada com sucesso";
      $scope.formAgenda.$setPristine();
      delete $scope.agenda;
    }).error(function(data,status){
      $scope.message = "Ocorreu um problema ao criar o doador "+ data;
    });
};

carregaLaboratorio();

});

E minha página:

<script type="text/javascript">
    $(document).ready(function() {
        $("#cep_doador").mask("99.999-999", {
            placeholder : " "
        });
        $("#rg_doador").mask("99.999.999-9", {
            placeholder : " "
        });
        $("#cep_lab").mask("99.999-999", {
            placeholder : " "
        });
    });


    $(function() {
        $('#datetimepicker').datetimepicker({
            locale : 'pt-br',
            format : 'DD-MM-YYYY HH:mm:ss',
            icons : {
                previous : 'fa fa-arrow-left',
                next : 'fa fa-arrow-right',
                time : "fa fa-clock-o",
                date : "fa fa-calendar",
                up : "fa fa-arrow-up",
                down : "fa fa-arrow-down"
            }
        });
    });

</script>
<div class="container">
    <div class="alert alert-info" ng-show="message.length>0">
        {{message}}</div>
    <form name="formAgenda" class="form-horizontal">
        <h2>Doador</h2>
        <hr />

        <div class="container">
            <div ng-show="formAgenda.nome_agenda_doador.$dirty"
                ng-messages="formAgenda.nome_agenda_doador.$error">
                <div ng-message="required" class="alert alert-danger">Por
                    favor preencha o campo nome.</div>
                <div ng-message="minlength" class="alert alert-danger">O campo
                    deve possuir no mínimo 6 caracteres.</div>
            </div>

            <div class="form-group">
                <div class='col-sm-6'>
                    <label>Nome:</label> <input type="text" class="form-control"
                        id="nome_agenda_doador" name="nome_agenda_doador"
                        placeholder="Adicione o nome completo"
                        ng-model="agenda.doador.nome" ng-required="true" ng-minlength="6" />
                </div>
            </div>


            <div ng-show="formAgenda.email_agenda_doador.$dirty"
                ng-messages="formAgenda.email_agenda_doador.$error">
                <div ng-message="required" class="alert alert-danger">Por
                    favor preencha o campo email.</div>
            </div>

            <div class="form-group">
                <div class='col-sm-6'>
                    <label>Email:</label> <input type="text" class="form-control"
                        id="email_agenda_doador" name="email_agenda_doador"
                        placeholder="Adicione o email" ng-model="agenda.doador.email"
                        ng-required="true" />
                </div>
            </div>

            <div ng-show="formAgenda.rg_doador.$dirty"
                ng-messages="formAgenda.rg_doador.$error">
                <div ng-message="required" class="alert alert-danger">Por
                    favor preencha o campo rg.</div>
            </div>
            <div class="form-group">
                <div class='col-sm-6'>
                    <label>Rg:</label> <input type="text" class="form-control"
                        name="rg_doador" id="rg_doador" placeholder="Adicione o rg"
                        ng-model="agenda.doador.rg" ng-required="true" />
                </div>
            </div>

            <div ng-show="formAgenda.cep_doador.$dirty"
                ng-messages="formAgenda.cep_doador.$error">
                <div ng-message="required" class="alert alert-danger">Por
                    favor preencha o campo cep.</div>
            </div>
            <div class="form-group">
                <div class='col-sm-6'>
                    <label>Cep:</label> <input type="text" class="form-control"
                        id="cep_doador" name="cep_doador" placeholder="Adicione o cep"
                        ng-model="agenda.doador.cep" ng-required="true" />
                </div>
            </div>


            <div ng-show="formAgenda.endereco_agenda_doador.$dirty"
                ng-messages="formAgenda.endereco_agenda_doador.$error">

                <div ng-message="required" class="alert alert-danger">Por
                    favor preencha o campo endereço.</div>
                <div ng-message="minlength" class="alert alert-danger">O campo
                    deve possuir no mínimo 6 caracteres.</div>
            </div>
            <div class="form-group">
                <div class='col-sm-6'>
                    <label>Endereço:</label> <input type="text" class="form-control"
                        id="endereco_agenda_doador" name="endereco_agenda_doador"
                        placeholder="Adicione o endereço"
                        ng-model="agenda.doador.endereco" class="validate"
                        ng-required="true" ng-minlength="6" />
                </div>
            </div>
        </div>
        <h2>Escolha o laboratório</h2>
        <hr />
        <div class="container">

            <div class="form-group">
                <div class='col-sm-6'>
                    <label>Nome:
                        <select class="form-control" ng-model="agenda.laboratorio" ng-options="laboratorio.nome for laboratorio in laboratorios">
                            <option value ="">Selecione o Laboratório</option>
                        </select>
                    </label>                    
                </div> 
            </div>

            <div ng-show="formAgenda.cep_lab.$dirty"
                ng-messages="formAgenda.cep_lab.$error">
                <div ng-message="required" class="alert alert-danger">Por
                    favor preencha o campo endereço.</div>
                <div ng-message="minlength" class="alert alert-danger">O
                    campo deve possuir no mínimo 6 caracteres.</div>
            </div>

            <div class="form-group">
                <div class='col-sm-6'>
                    <label>CEP:</label> <input type="text" class="form-control"
                        id="cep_lab" name="cep_lab" value = "laboratorio.cep" placeholder="Adicione o cep"
                        ng-model="agenda.laboratorio.cep" ng-required="true" ng-disabled="true" />
                </div>
            </div>


            <div ng-show="formAgenda.agenda_laboratorio_endereco.$dirty"
                ng-messages="formAgenda.agenda_laboratorio_endereco.$error">
                <div ng-message="required" class="alert alert-danger">Por
                    favor preencha o campo nome.</div>
                <div ng-message="minlength" class="alert alert-danger">O
                    campo deve possuir no mínimo 6 caracteres.</div>
            </div>
            <div class="form-group">
                <div class='col-sm-6'>
                    <label>Endereço:</label> <input type="text" class="form-control"
                        id="agenda_laboratorio_endereco"
                        name="agenda_laboratorio_endereco"
                        placeholder="Adicione o endereço"
                        ng-model="agenda.laboratorio.endereco" ng-required="true"
                        ng-minlength="6" ng-disabled="true" />
                </div>
            </div>
        </div>

        <h2>Escolha uma data:</h2>
        <hr />
        <div class="container">
            <div ng-show="formAgenda.datetimepicker.$dirty"
                ng-messages="formAgenda.datetimepicker.$error">
                <div ng-message="required" class="alert alert-danger">Por
                    favor preencha o campo data.</div>
            </div>

            <div class="form-group">
                <div class='col-sm-6'>
                    <input ng-model="agenda.dataAgendamento" ng-required="true"
                        type="text" name = "datetimepicker" placeholder="dd/mm/yyyy HH:mm:ss" class="form-control"
                        id='datetimepicker' ng-required = "true"/>
                </div>
            </div>
        </div>

        <div class="container">
            <div class="form-group">
                <div class='col-sm-6'>
                    <button type="submit" id="btSummit" name="btSummit"
                        class="btn btn-primary" ng-click="agendar(agenda)">Agendar</button>
                </div>
            </div>
        </div>
    </form>
</div>

Estou utilizando o seguinte datepicker para bootstrap:

https://eonasdan.github.io/bootstrap-datetimepicker/

Obrigado

Mensagens: 6

Participantes: 3

Ler tópico completo