2

DataPicker- Bootstrap

<script type="text/javascript">
    $(function () {
        $('#datetimepicker1').datetimepicker({
             format: 'YYYY-MM-DD hh:mm:ss',
             locale: 'fr,
             use24hours: true       
        });
    });
</script>

2 Respostas 2

3

Colocando as referencias de:

Css

Javascript

formate o formato da hora com H em maiúsculo, exemplo:

format: 'YYYY-MM-DD HH:mm:ss'

$('#datetimepicker1').datetimepicker({           
       format: 'YYYY-MM-DD HH:mm:ss',
       locale: 'PT-BR'             
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<link href="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/build/css/bootstrap-datetimepicker.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
<script src="https://cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/a549aa8780dbda16f6cff545aeabc3d71073911e/src/js/bootstrap-datetimepicker.js"></script>

<div class="container">
    <div class="row">
        <div class='col-sm-6'>
            <input type='text' class="form-control" id='datetimepicker1' />
        </div>       
    </div>
</div>

Referencias:

2
<script type="text/javascript">
    $(function () {
        $('#datetimepicker1').datetimepicker({
             format: 'YYYY-MM-DD HH:mm:ss',
            locale: 'fr,
             use24hours: true       
        });
    });
</script>

Use HH maiusculo

Referencia: resposta do @Benjam

1
  • Funcionou... !!
    – PululuK
    Commented 21/11/2016 às 7:39

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 .