Convert date to another timezone in JavaScript

Convert date to another timezone in JavaScript

I am looking for a function to convert date in one timezone to another.
It need two parameters,

date (in format “2012/04/10 10:10:30 +0000”)
timezone string (“Asia/Jakarta”)

The timezone string is described in
Is there an easy way to do this?


Solution 1:

var aestTime = new Date().toLocaleString("en-US", {timeZone: "Australia/Brisbane"});
aestTime = new Date(aestTime);
console.log('AEST time: '+aestTime.toLocaleString())

var asiaTime = new Date().toLocaleString("en-US", {timeZone: "Asia/Shanghai"});
asiaTime = new Date(asiaTime);
console.log('Asia time: '+asiaTime.toLocaleString())

var usaTime = new Date().toLocaleString("en-US", {timeZone: "America/New_York"});
usaTime = new Date(usaTime);
console.log('USA time: '+usaTime.toLocaleString())

var indiaTime = new Date().toLocaleString("en-US", {timeZone: "Asia/Kolkata"});
indiaTime = new Date(indiaTime);
console.log('India time: '+indiaTime.toLocaleString())

Solution 2:

For moment.js users, you can now use moment-timezone. Using it, your function would look something like this:

function toTimeZone(time, zone) {
    var format = 'YYYY/MM/DD HH:mm:ss ZZ';
    return moment(time, format).tz(zone).format(format);

Solution 3:

Stolen shamelessly from:

 * 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
    var d = new Date();

    // convert to msec
    // add 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 in " + city + " is " + nd.toLocaleString();

this function is useful to calculate time zone value by providing name of a city/country and offset value

Related:  HighCharts - Make the pie chart 100% of the div

Solution 4:

Most desktop (not mobile) browsers except Safari support the toLocaleString function with arguments, older browsers usually ignore the arguments.

new Date().toLocaleString('en-US', { timeZone: 'Asia/Jakarta' })

Solution 5:

Okay, found it!

I’m using timezone-js. this is the code:

var dt = new timezoneJS.Date("2012/04/10 10:10:30 +0000", 'Europe/London');

console.debug(dt); //return formatted date-time in asia/jakarta

Solution 6:

Got it !

Wanted to force the date shown = server date, no mattter the local settings (UTC).

My server is GMT-6 –> new Date().getTimezoneOffset() = 360.

myTZO = 360;
myNewDate=new Date(myOldDateObj.getTime() + (60000*(myOldDateObj.getTimezoneOffset()-myTZO)));