2

Bom dia.

Não estou conseguindo carregar o datepicker dentro de um modal chamado via ajax, alguem teria um exemplo de código?

MODAL:

<div class="modal fade" id="modalaltera" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="myModalLabel">Recuperar Chave de Acesso</h4>
        </div>

        <div class="modal-body">
            <form method="POST" id="formulario" name='formulario' action="">
            <label>Dia</label>
                        <div class="input-group">
                            <div class="input-group-addon"><i class="fa fa-calendar"></i></div>
                            <input type="text" name='dia2' class="form-control" id="dia2" placeholder="Selecione a Data" required   >
                        </div>

                        <br>


                        <label for="sel1">Horario</label>
                        <div class="input-group">
                            <div class="input-group-addon"><i class="fa fa-clock-o"></i></div>
                            <select class="form-control" id="hora" name="hora" >

                                <option value="" >---</option>

                            </select>
                        </div><br><br> 
            </form>
        </div>

        <div class="modal-footer">


            <script src="<?= base_url() ?>assets/js/input-mask/jquery.inputmask.js"></script>
            <button type="button" class="btn btn-default form_submit" onclick="enviarpass(recemail.value)">ENVIAR PALAVRA CHAVE</button>
        </div>
    </div>
</div>

JS

function modalaltera(){
    $('#modalaltera').modal('show');
    }

$('#dia2').datepicker({
                    format: "dd/mm/yyyy",
                    language: 'pt-BR'
                });

Obrigado

1
  • Podes mostrar o código que tens e não funciona?
    – Sergio
    Commented 19/04/2016 às 14:00

1 Resposta 1

1

Tente esta solução:

<input type="text" value="" class="form-control" placeholder="00/00/0000" id="dia2" />

Javascript:

$("#dia2").datepicker({
    dateFormat: 'dd/mm/yy',
    dayNames: ['Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta', 'Sexta', 'Sábado', 'Domingo'],
    dayNamesMin: ['D', 'S', 'T', 'Q', 'Q', 'S', 'S', 'D'],
    dayNamesShort: ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb', 'Dom'],
    monthNames: ['Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio', 'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro', 'Novembro', 'Dezembro'],
    monthNamesShort: ['Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun', 'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez']
});
13
  • Ele reclama que o datepicker não é uma função - (index):318 Uncaught TypeError: $(...).datepicker is not a function Commented 19/04/2016 às 14:23
  • você colocou a referência do datepicker? Commented 19/04/2016 às 14:23
  • você colocou isto? <link href="~/Content/jquery-ui.css" rel="stylesheet" /> Commented 19/04/2016 às 14:26
  • Coloquei mas não funcionou, parece que o modal não está 'herdando' os scripts Commented 19/04/2016 às 14:29
  • onde você esta chamado o modal? Commented 19/04/2016 às 14:31

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 .