2012-01-30 12 views
1

私は似たような問題を探していましたが、Stackoverflow javascriptで複数の日付が表示されていましたが、探したいものが見つかりませんでした。ここでJavascriptマルチ日付

このコード:demo javascript date

私は別の都市に異なるタイムゾーンに基づいて、日付を作成しようとしていました。同じフォーマットの異なるdivの中

Monday, January 30, 2012 

..andロンドンのような他の都市:

Monday, January 30, 2012 

例えば、私は、この形式ではdiv要素で、ニューヨークの現在の日付を表示したいです日が変わると、日付も変わります。できるだけ多くの都市を表示できるように、各都市にGMT時間を追加する方法はありますか?

たとえば、JQueryを使用すると、より良い方法と簡単な方法があれば、そのツールで簡単に遊ぶことができます。

+2

ジャワ=はJavaScript *** ***あなたがポストに適用されるタグの説明を読んでください! –

+0

http://stackoverflow.com/questions/7520478/converting-datetime-to-different-timezones-with-javascript – jjj

+0

こんにちは。すみません、私の間違いです。次回は正しいタグを選ぶように注意します。ありがとうございました。 –

答えて

2

あなたは次のようにJavaScriptを使用することができます!

Convert the local time to another time zone with this JavaScript

<html> 
<head> 
<script language="JavaScript"> 

// function to calculate local time 
// in a different city 
// given the city's UTC offset 
function calcTime(city, offset) { 

    // create Date object for current location 
    d = new Date(); 

    // convert to msec 
    // add local time zone offset 
    // get UTC time in msec 
    utc = d.getTime() + (d.getTimezoneOffset() * 60000); 

    // create new Date object for different city 
    // using supplied offset 
    nd = new Date(utc + (3600000*offset)); 

    // return time as a string 
    return "The local time in " + city + " is " + nd.toLocaleString(); 

} 

// get Bombay time 
alert(calcTime('Bombay', '+5.5')); 

// get Singapore time 
alert(calcTime('Singapore', '+8')); 

// get London time 
alert(calcTime('London', '+1')); 

</script> 
</head> 
<body> 

</body> 
</html> 
+0

@ヘマント。ありがとう、たくさんの仲間。このコードは良いですが、ページを読み込むときにJavaの警告を出します。私は警報を欲しがっていませんでしたが、各都市の日付を表示するdiv:2012年1月12日金曜日...もっとリソースを探します。ありがとう –

+0

@Fxdigi divのinnerhtmlを設定するには、この関数を何度も呼び出すことができます。 –

+0

@Fxdigiはフィドルを参照してください。http://jsfiddle.net/hemant1027/QHSqu/ –

1
function AnotherCityDate(offset) { 
    var monthNames = [ "January", "February", "March", "April", "May", "June", 
    "July", "August", "September", "October", "November", "December" ]; 
    var dayNames=["Sunday","Monday","Tuesday","Wednesday","Thursday", 
    "Friday","Saturday","Sunday"] 
    // create Date object for current location 
    var d = new Date(); 
    // convert to msec 
    // add local time zone offset 
    // get UTC time in msec 
    utc = d.getTime() + (d.getTimezoneOffset() * 60000); 
    // create new Date object for different city 
    // using supplied offset 
    nd = new Date(utc + (3600000*offset)); 
    // return time as a string 
    return dayNames[nd.getDay()] + ', ' + monthNames[nd.getMonth()] + ' ' + 
     nd.getDate() + ', ' + nd.getFullYear(); 
} 
+0

こんにちは。スクリプトのためのおかげですが、それは動作していないようです。私はサーバー上でテストしますが、何も表示しません。どんなアイデアなの??? –

+0

@Fxdigi申し訳ありませんが、ここでタイプミスがありました。 'monthNames [ng.getMonth()]'は 'nd'でコードを更新しました。文字列を返します。この文字列は、必要に応じてinnerHTMLで挿入できます。 – Cheery

+0

フィードバックありがとうございます。前に気がついたのですが、修正した後でさえ、何もサーバに表示されません。 –