90

I am using a JavaScript Date class & trying to get the current date using getDate() method. But obviously it is loading system date & time. I am running the code from India but I want to get the date & time of UK using the same method. How can I do that ?

2

9 Answers 9

87

If you know the UTC offset then you can pass it and get the time using the following function:

function calcTime(city, offset) {
    // create Date object for current location
    var d = new Date();

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

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

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

alert(calcTime('Bombay', '+5.5'));

Taken from: Convert Local Time to Another

10
  • 16
    Your utc thing is wrong. d.getTime is already in UTC milliseconds. Yet, instead of toLocaleString() you will need to use .toUTCString()!
    – Bergi
    Feb 19, 2013 at 20:12
  • 53
    Remember that the offset for a location can change (daylight savings/british summer time).
    – James M
    May 14, 2013 at 17:22
  • 3
    You actually need to be subtracting getTimezoneOffset output rather than adding it - that offset is for going from local time to UTC, not the other way around.
    – kotekzot
    Dec 26, 2013 at 5:06
  • Is it possible to change the format? For example I only need the time in hours, minutes, seconds and AM/PM
    – MRC
    Oct 30, 2014 at 14:53
  • 20
    This is not a good answer. If you hardcode in an offset you'll be off about half the year if it has daylight savings time. Nov 20, 2017 at 17:15
80

You could use Intl.DateTimeFormat.

let options = {
    timeZone: 'Europe/London',
    year: 'numeric',
    month: 'numeric',
    day: 'numeric',
    hour: 'numeric',
    minute: 'numeric',
    second: 'numeric',
  },
  formatter = new Intl.DateTimeFormat([], options);

console.log(formatter.format(new Date()));

Alternatively, if you're formatting just once instead of bulk use Date.prototype.toLocaleDateString().

(new Date()).toLocaleString([], options)

Unfortunately browsers are not required to understand timezones other than UTC, so try these blocks and figure out an alternative in case it fails, for example fetch the timezone offset from a server.

6
  • This works in Chrome but not in Firefox.
    – Toast
    Aug 2, 2015 at 23:55
  • correct answer, it is called the International API, and is built-in, in most newer browsers, you should check if it exists first.. naturally... - reference: Intl
    – user257319
    Jan 8, 2016 at 15:50
  • This still does also not work in Safari.
    – David
    Jul 22, 2016 at 17:11
  • 8
    This works very very well. Here's the listing of browser support: caniuse.com/#search=Intl Feb 16, 2019 at 4:38
  • 1
    Works in Google Sheets App Script.
    – jcd
    Mar 31, 2021 at 18:26
42

One way to do this is to use getLocaleString, like this:

Create a date object:

date = new Date(0)

If you are in Berlin, this should convert to this string:

Thu Jan 01 1970 01:00:00 GMT+0100 (CET)

Get the hours in Athens:

date.toLocaleString('de-DE', {hour: '2-digit',   hour12: false, timeZone: 'Europe/Athens' })

'02'

Get the hours in Shanghai:

date.toLocaleString('de-DE', {hour: '2-digit',   hour12: false, timeZone: 'Asia/Shanghai' })

'08'

3
  • 2
    Side note: Date.prototype.toLocaleString only works on IE11+, Firefox 29+, Safari 11+, etc. See this
    – Raptor
    Dec 22, 2016 at 10:10
  • 1
    not only this. the IANA timezone names are only available chrome and firefox..
    – iRaS
    Jan 2, 2019 at 11:10
  • First, you should use 'en-US' because it is the only locale supported in Node < 13 (ie. 100% of production Node use at this time), but also you need to account for minutes because some timezone have a half hour offset.
    – Tom
    Nov 7, 2019 at 18:33
6

You can use getUTCDate() and the related getUTC...() methods to access a time based off UTC time, and then convert.

If you wish, you can use valueOf(), which returns the number of seconds, in UTC, since the Unix epoch, and work with that, but it's likely going to be much more involved.

5

This is Correct way to get ##

function getTime(offset)
        {
            var d = new Date();
            localTime = d.getTime();
            localOffset = d.getTimezoneOffset() * 60000;

            // obtain UTC time in msec
            utc = localTime + localOffset;
            // create new Date object for different city
            // using supplied offset
            var nd = new Date(utc + (3600000*offset));
            //nd = 3600000 + nd;
            utc = new Date(utc);
            // return time as a string
            $("#local").html(nd.toLocaleString());
            $("#utc").html(utc.toLocaleString());
        }
8
  • Anyone if wondering how to call this function then here is an example if you want to get time for India getTime(5.5);
    – Irfan Raza
    Nov 12, 2018 at 9:38
  • 4
    All the suggested method in this thread doesn't consider day light saving (where it applies) so better use moment timezone library to make life easy.
    – Irfan Raza
    Nov 12, 2018 at 9:39
  • 2
    Downvoting, because the answer expects the OP to know the offset. Presumably the OP is working from a time zone string although he is not explicit about this. The OP needs to use the Intl API, or a library like Luxon or Moment. Nov 12, 2018 at 23:41
  • @AdamLeggett A simple Google search of nearly any location's time has UTC+/-# in the proprietary result, so it is a bit unfair to assume the OP is incapable of such a simple task. Dec 30, 2019 at 6:54
  • @AbandonedCart the answer isn't general enough for most programmatic purposes unless it includes the answer of how to retrieve the offset. This is by no means simple - the offset can vary throughout the year and has changed at least several times in most locales through history. A database of all this is large. Jan 2, 2020 at 17:49
1

If it's really important that you have the correct date and time; it's best to have a service on your server (which you of course have running in UTC) that returns the time. You can then create a new Date on the client and compare the values and if necessary adjust all dates with the offset from the server time.

Why do this? I've had bug reports that was hard to reproduce because I could not find the error messages in the server log, until I noticed that the bug report was mailed two days after I'd received it. You can probably trust the browser to correctly handle time-zone conversion when being sent a UTC timestamp, but you obviously cannot trust the users to have their system clock correctly set. (If the users have their timezone incorrectly set too, there is not really any solution; other than printing the current server time in "local" time)

1

before you get too excited this was written in 2011

if I were to do this these days I would use Intl.DateTimeFormat. Here is a link to give you an idea of what type of support this had in 2011

original answer now (very) outdated

Date.getTimezoneOffset()

The getTimezoneOffset() method returns the time difference between Greenwich Mean Time (GMT) and local time, in minutes.

For example, If your time zone is GMT+2, -120 will be returned.

Note: This method is always used in conjunction with a Date object.

var d = new Date()
var gmtHours = -d.getTimezoneOffset()/60;
document.write("The local time zone is: GMT " + gmtHours);
//output:The local time zone is: GMT 11
-1

The .getTimezoneOffset() method should work. This will get the time between your time zone and GMT. You can then calculate to whatever you want.

-17

short answer from client-side: NO, you have to get it from the server side.

4
  • 19
    You're wrong. It's actually more difficult on the server, because the client knows both what timezone it's in, and what time it is there. The server only has half of that equation. Nov 21, 2011 at 5:33
  • 1
    This seems to be the only answer for the OP's actual question. The OP wants the UK time regardless of where the client is situated. You can get the UTC time which is the timezone of the UK, but there's no way to easily determine if it's DST. Feb 12, 2013 at 15:09
  • 4
    UTC is not the UK's timezone. This is a common misunderstanding. UTC does not have a timezone and is standard. UK is same as UTC in winter and is UTC+1 in summer. UK's timezone is either British Standard Time or British Summer Time (both abbreviated with BST... just to add to the confusion!)
    – the_new_mr
    Oct 3, 2014 at 14:17
  • For client side, we use Java Script. Mar 3, 2022 at 3:51

Not the answer you're looking for? Browse other questions tagged or ask your own question.