2014-02-18 4 views
25

Ich benutze die Bootstrap bereit Datum Zeit Picker von http://eonasdan.github.io/bootstrap-datetimepicker/ und es funktioniert gut, aber für ein Problem. Ich habe einen Picker Setup nur von Zeit als so:DateTimePicker Zeit Picker in 24 Stunden aber Anzeige in 12 Stunden?

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

Hier wird die Kommissionierer bis 24-stündigen so I 19.00 Uhr als Zeit auswählen kann. Aber wenn ich diese Zeit wähle, wird es als 07:00 in der Eingabebox angezeigt. Hier ist die Anzeige die Setup den Picker:

<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 spezielles Daten-Format, das ich für 24 Stunde im Eingabefeld verwenden kann?

+0

entfernen Sie dieses pick12HourFormat und überprüfen Sie –

Antwort

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

Ihre Wähler scheint falsch zu sein, überprüfen Sie bitte es

+1

Was ist los damit? – Benjam

+0

Ah so einfach, ich habe nur angenommen, dass Teil alles funktionierte, als ich das richtige 24 Format in der Zeitauswahl sah. – RegDHunter

29

Da das Picker-Skript moment.js wird mit dem Format-String zu analysieren, können Sie die Dokumente dort für die richtige Formatstrings lesen kann.

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

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

das richtige 24H Format anzuzeigen, zum Beispiel, setzte nur

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

}); 
0

Sie können auch die Parameter "use24hours" und "Sprache", dies zu tun, wie folgt:

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

3

Mit Sekunden!

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

zukünftige Termine ü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) 
    }); 
}); 
3

Ich verstehe nicht, warum die anderen Freunde, die Sie HH verwenden sagen, aber nachdem ich so viele Zeit testen, die richtige 24- Stunden-Format ist:

hh

.

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

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

ich jemand hoffen könnte mir sagen, wenn ich m falsch .....

6

Nur das!

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

}); 

ich benutze gut v4 und arbeiten !!

2

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 24-Stunden-Uhr.

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

Bitte beschreiben Sie, was das Problem ist. StackOverflow mag keine Code-Only-Antworten, weil es es für die Leute schwerer macht, die Absicht herauszufinden, und wenn es überhaupt sinnvoll ist, 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 wollen. Ich verstehe, dass es für Sie und für mich offensichtlich ist, was diese eine Codezeile tut, aber es wird nicht für jeden sein, der über die Antworten nachdenkt. – clearlight

0

Ich weiß, es ist schon eine Weile her, seit die Frage gestellt wurde. Aber wenn es jemandem hilft, hat das für mich funktioniert.

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