jquery - example - Selector de tiempo DateTimePicker en 24 horas, pero se muestra en 12 horas?

jquery timepicker 24h format

Question

Estoy usando el selector de fecha y hora de inicio de bootstrap de http://eonasdan.github.io/bootstrap-datetimepicker/ y está funcionando bien pero por un problema. Tengo una configuración de selector sólo desde el momento como tal:

$(function () {
    $(''#startTime, #endTime'').datetimepicker({
        format: ''hh:mm'',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: false            
    });
});

Esto configura el selector en 24 horas para que pueda seleccionar 19:00 como una hora. Pero cuando elijo esta vez, se muestra como 07:00 en el cuadro de entrada. Aquí está la configuración que muestra el selector:

    <div class="input-group date timePicker" id="endTime">
        <input type=''text'' class="form-control" readonly="true"
            id="endTimeContent" /> <span class="input-group-addon"><span
            class="glyphicon glyphicon-time"></span> </span>
    </div>

¿Hay un formato de datos específico que pueda usar durante 24 horas en el cuadro de entrada?

Answer 1

¡Con segundos!

$(''.Timestamp'').datetimepicker({
    format: ''DD/MM/YYYY HH:mm:ss''
});

Para saltar fechas futuras:

$(function () {
    var date = new Date();
    var currentMonth = date.getMonth();
    var currentDate = date.getDate();
    var currentYear = date.getFullYear();
    $(''#datetimepicker,#datetimepicker1'').datetimepicker({
        pickTime: false,
        format: "DD-MM-YYYY",  
        maxDate: new Date(currentYear, currentMonth, currentDate + 1)
    });
});

Answer 2

¡Sólo esta!

$(function () {
    $(''#date'').datetimepicker({
         format: ''H:m'',
    });

});

Yo uso v4 y trabajo bien !!

Answer 3

''DD / MM / YYYY hh: mm A'' => 12 horas ''DD / MM / YYYY HH: mm A'' => 24 horas

Answer 4

Debido a que la secuencia de comandos del selector está utilizando moment.js para analizar la cadena de formato, puede leer los documentos allí para las cadenas de formato adecuadas.

Pero durante 24 horas, use HH lugar de hh en el formato.

$(function () {
    $(''#startTime, #endTime'').datetimepicker({
        format: ''HH:mm'',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: false            
    });
});

Answer 5

Meridian se refiere a AM / PM, configurándolo en falso indica que no desea AM / PM, por lo tanto, quiere un reloj de 24 horas de manera implícita.

$(''#timepicker1'').timepicker({showMeridian:false});

Answer 6

No entiendo por qué los otros amigos te dicen que utilices HH , pero después de haberlo probado tantas veces, el formato correcto de 24 horas es:

S.S

.

Lo veo desde: http://www.malot.fr/bootstrap-datetimepicker/

No sé por qué no usan el tipo común HH durante 24 horas ...

Espero que alguien pueda decirme si me equivoco .....

Answer 7

Para mostrar el formato 24H correcto, por ejemplo, solo ponga

$(function () {
    $(''#date'').datetimepicker({
         format: ''DD/MM/YYYY HH:mm'',
    });

});

Answer 8

Sé que ha pasado bastante tiempo desde que se hizo la pregunta. Sin embargo, si ayuda a alguien esto me funcionó.

 $(function() {
    $(''.datetimepicker'').datetimepicker({
        format: ''MM-DD-YYYY HH:mm ''
    });
});

Answer 9

También puede usar los parámetros " use24hours " y " language " para hacer esto, de la siguiente manera:

$(function () {
    $(''.datetime'').datetimepicker({
        language: ''pt-br'',
        use24hours: true,
    });
});

Answer 10

$(function () {
    $(''#startTime, #endTimeContent'').datetimepicker({
        format: ''HH:mm'',
        pickDate: false,
        pickSeconds: false,
        pick12HourFormat: false            
    });
});

Su selector parece estar equivocado, por favor verifíquelo