Home/ Questions/Q 7188801
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T19:09:49+00:00

I was looking for a similar issue here at Stackoverflow javascript multiple date display

  • 0

I was looking for a similar issue here at Stackoverflow javascript multiple date display related, but couldn’t find what I want.

Here this code: demo javascript date

I was trying to make the date based on different time zones for different cities. For example, I want to show the current date for New York in a div in this format: 

Monday, January 30, 2012

..and another city like London in a different div in the same format:

Monday, January 30, 2012

If the day changes, then the date changes as well. Is there a way how to add GMT time to each city so that I can have as many cities as possible to display?

If there is a better way and a lot simpler using JQuery for example, it would be a lot better since it is easy to play around with that tool.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    you can use javascript as follow:

    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