大都市の名前のボタンがあります。
クリックすると、現地時間を取得できます。
$('#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
});
しかし、AMまたはPM?
以下のコードを試してください:
$('#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);
});
時間が12時間を超えているかどうかを確認できるはずです。
var ampm = (hours >= 12) ? "PM" : "AM";
しかし、2を引く前に、時間が2より小さい場合を考えましたか?あなたはあなたの時間に負の数で終わるでしょう。
このように使用できますが、
var dt = new Date();
var h = dt.getHours(), m = dt.getMinutes();
var _time = (h > 12) ? (h-12 + ':' + m +' PM') : (h + ':' + m +' AM');
これも数分で改善されることを願っています。
date.jsを使用
<script type="text/javascript" src="http://www.datejs.com/build/date.js"></script>
あなたはこのように書くことができます
new Date().toString("hh:mm tt")
チートシートはこちら フォーマット指定子tt
はAM/PM
非常に興味深い投稿。パラメータに日付をとる関数では、次のように表示されます。
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;
}
hours
が12
より小さい場合、a.m。です。
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;
さて、あなたはgetUTCHours
を使用しなかったので、現在は2時間後です
hours + ' ' + am; // "6 p.m."
これを試して:
h = h > 12 ? h-12 +'PM' : h +'AM';
拡張機能と複雑なコーディングのない最良の方法:
date.toLocaleString([], { hour12: true});