DateTimePicker Zeitauswahl in 24 Stunden, aber Anzeige in 12 Stunden?

Lesezeit: 3 Minuten

Ich verwende den Bootstrap Ready Date Time Picker von http://eonasdan.github.io/bootstrap-datetimepicker/ und es funktioniert gut, aber für ein Problem. Ich habe ein Picker-Setup nur von Zeit wie folgt:

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

Dadurch wird die Auswahl auf 24 Stunden eingestellt, sodass ich 19:00 als Uhrzeit auswählen kann. Aber wenn ich diese Zeit wähle, wird im Eingabefeld 07:00 angezeigt. Hier ist das Setup, das den Picker anzeigt:

    <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>

Gibt es ein bestimmtes Datenformat, das ich für 24 Stunden im Eingabefeld verwenden kann?

  • Entfernen Sie dieses pick12HourFormat und überprüfen Sie es

    – Karthick Kumar

    18. Februar 2014 um 8:03 Uhr

Benutzer-Avatar
Benjam

Weil das Picker-Skript verwendet moment.js Um die Formatzeichenfolge zu analysieren, können Sie die dortigen Dokumente nach den richtigen Formatzeichenfolgen lesen.

Aber für 24 Stunden verwenden HH Anstatt von hh im Format.

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

Benutzer-Avatar
Piccin

Um beispielsweise das korrekte 24-Stunden-Format anzuzeigen, nur setzen

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

});

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

Ihre Auswahl scheint falsch zu sein, bitte überprüfen Sie sie

  • Ah, so einfach, ich nahm einfach an, dass dieser Teil funktionierte, da ich das richtige 24-Format in der Zeitauswahl sah.

    – RegDHunter

    18. Februar 2014 um 8:07 Uhr

Benutzer-Avatar
Gustavo Mino

Nur das!

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

});

Ich benutze v4 und es funktioniert gut!!

Ich verstehe nicht, warum die anderen Freunde dir sagen, dass du es benutzen sollst HHAber nachdem ich so oft getestet habe, ist das korrekte 24-Stunden-Format:

hh

.

Ich sehe es aus: http://www.malot.fr/bootstrap-datetimepicker/

Ich weiß nicht, warum sie nicht den gemeinsamen Typ verwenden HH für 24 Stunden…..

Ich hoffe jemand kann mir sagen ob ich falsch liege…..

Benutzer-Avatar
Al Foice ѫ

Mit Sekunden!

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

Um zukünftige Termine zu überspringen:

$(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)
    });
});

Benutzer-Avatar
klares Licht

Meridian bezieht sich auf AM/PM, indem Sie es auf false setzen, geben Sie an, dass Sie AM/PM nicht möchten, daher möchten Sie implizit eine 24-Stunden-Uhr.

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

  • Bitte beschreiben Sie, was das für ein Fix ist. StackOverflow mag keine Nur-Code-Antworten, weil es für die Leute schwieriger wird, die Absicht herauszufinden und ob es sich überhaupt lohnt, den Code zu studieren. Wenn Sie sagen, was es tut und wie es das Problem löst, können die Leute herausfinden, ob sie Zeit in Ihre Antwort investieren möchten. Ich verstehe, dass es Ihnen und mir offensichtlich erscheint, was diese eine Codezeile tut, aber es wird nicht für alle sein, die sich die Antworten ansehen.

    – klares Licht

    6. Januar 2017 um 6:22 Uhr

1179310cookie-checkDateTimePicker Zeitauswahl in 24 Stunden, aber Anzeige in 12 Stunden?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy