Wie bekomme ich AM oder PM?

Question

Ich habe Knöpfe mit den Namen von Großstädten.
Wenn ich darauf klicke, möchte ich die lokale Zeit in ihnen sehen.

$('#btnToronto').click(function() { 
    var hours = new Date().getHours(); 
    var hours = hours-2; //this is the distance from my local time 
    alert ('Toronto time: ' + hours + ' h'); //this works correctly 
}); 

Aber wie kann ich AM oder PM bekommen?

Answer 1

Try unten Code:

$('#btnToronto').click(function() { 
    var hours = new Date().getHours(); 
    var hours = (hours+24-2)%24; 
    var mid='am'; 
    if(hours==0){ //At 00 hours we need to show 12 am 
    hours=12; 
    } 
    else if(hours>12) 
    { 
    hours=hours%12; 
    mid='pm'; 
    } 
    alert ('Toronto time: ' + hours + mid); 
}); 

Answer 2

Wenn hours weniger als 12, es ist die Uhr vormittags.

var hours = new Date().getHours(), // this is local hours, may want getUTCHours() 
    am; 
// adjust for timezone 
hours = (hours + 24 - 2) % 24; 
// get am/pm 
am = hours < 12 ? 'a.m.' : 'p.m.'; 
// convert to 12-hour style 
hours = (hours % 12) || 12; 

nun für mich, da Sie nicht getUTCHours verwendet haben, ist es noch 2 Stunden nach

hours + ' ' + am; // "6 p.m." 

Answer 3

Versuchen Sie folgendes:

h = h > 12 ? h-12 +'PM' : h +'AM'; 

Answer 4

Sie sollten nur in der Lage sein, wenn zu überprüfen Stunden ist größer als 12.

var ampm = (hours >= 12) ? "PM" : "AM"; 

Aber haben Sie den Fall berücksichtigt, in dem die Stunde weniger als 2 ist, bevor Sie 2 subtrahieren? Sie würden mit einer negativen Zahl für Ihre Stunde enden.

Answer 5

Sie können wie folgt verwenden,

var dt = new Date(); 
    var h = dt.getHours(), m = dt.getMinutes(); 
    var _time = (h > 12) ? (h-12 + ':' + m +' PM') : (h + ':' + m +' AM'); 

hofft, dass dies auch mit Minuten besser.

Answer 6

Try this: 

var currentTimestamp = Date.now(); 
var postHour = currentTimestamp.getHours(); 
var mid=""; 
//var forMinutes = " For 15 Minutes"; 
if (postHour == 0 && postHour<12) 
{ //At 00 hours we need to show 12 am 
    mid = "am"; 
} 
else if (postHour >= 12) 
{ 
    mid='pm'; 
} 

Answer 7

mit date.js

<script type="text/javascript" src="http://www.datejs.com/build/date.js"></script> 

Sie dieses schreiben kann

new Date().toString("hh:mm tt") 

cheet Blatt ist hier format specifiers
tt ist für AM/PM

Answer 8

sehr interessante Post. in einer Funktion, die ein Datum im Parameter erfolgen kann es so erscheinen:

function hourwithAMPM(dateInput) { 
    var d = new Date(dateInput); 
    var ampm = (d.getHours() >= 12) ? "PM" : "AM"; 
    var hours = (d.getHours() >= 12) ? d.getHours()-12 : d.getHours(); 

    return hours+' : '+d.getMinutes()+' '+ampm; 

} 

Answer 9

Der beste Weg, ohne Erweiterungen und komplexe Kodierung:

date.toLocaleString([], { hour12: true}); 

How do you display javascript datetime in 12 hour AM/PM format?

Answer 10

Ich mag das Date-Objekt verwenden, , anstatt Dinge zu verkomplizieren. Auch ich dachte, es wäre am besten, Nullen für einstellige Stunden hinzuzufügen. Ich schrieb diese format-12h component, die ein Date-Objekt als 12-Stunden-Zeit formatiert.

Sie können sich den Code und die Testergebnisse ansehen. Fühlen Sie sich frei, es zu importieren und zu verwenden, wie in diesen Beispielen gezeigt:

format12h(new Date(2017,06,04,10,45,10)) => 10:45 am 
format12h(new Date(2017,06,04,23,45,10)) => 11:45 pm 
format12h(new Date(2017,06,04,23,45,10), true) => 11:45:10 pm