How to convert date to another timezone in JavaScript ?

22 Jun, 2020
Method 1: Using Intl.DateTimeFormat() and format() Method: The Intl.NumberFormat() method is used to represent numbers in a language-sensitive formatting. It can be used to represent currency or percentages according to the locale specified.The format() method of this object is used to return a string of the date with the specified locale and formatting options. This will format the date to the timezone required and return a string with the converted date.
Syntax:
usaTime = date.toLocaleString("en-US", {timeZone: "America/New_York"});

Example:
<!DOCTYPE html><html>      <head>    <title>        How to convert date to another        timezone in JavaScript?    </title></head>  <body>    <h1 style="color: green">        GeeksForGeeks    </h1>          <b>        How to convert date to another        timezone in JavaScript?    </b>          <p>Check the console for the output</p>          <button onclick="changeTimezone()">        Change timezone    </button>          <script type="text/javascript">              function changeTimezone() {                  let date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));                          console.log('Given IST datetime: ' + date);                      let intlDateObj = new Intl.DateTimeFormat('en-US', {                timeZone: "America/New_York"            });                      let usaTime = intlDateObj.format(date);            console.log('USA date: ' + usaTime);        }    </script></body>  </html>
Output:
Output:
Console Output:
Method 2: Using toLocaleString() method: The toLocaleString() method is used to return a string that formats the date according to the locale and options specified. It will convert the date on which the method is used from one timezone to another.
Syntax:
usaTime = date.toLocaleString("en-US", {timeZone: "America/New_York"});
Example:
<!DOCTYPE html><html>      <head>    <title>        How to convert date to another        timezone in JavaScript?    </title></head>  <body>    <h1 style="color: green">        GeeksForGeeks    </h1>          <b>        How to convert date to another        timezone in JavaScript?    </b>          <p>Check the console for the output</p>          <button onclick="changeTimezone()">        Change timezone    </button>          <script type="text/javascript">              function changeTimezone() {                  let date =                 new Date(Date.UTC(2012, 11, 20, 3, 0, 0));            console.log('Given IST datetime: ' + date);                      let usaTime =                 date.toLocaleString("en-US", {                    timeZone: "America/New_York"                 });            console.log('USA datetime: ' + usaTime);        }    </script></body>  </html>
Output:
Output:
Console Output:
ankit.pal
javascript-date
JavaScript
Web Technologies
Web technologies Questions
Writing code in comment?
Please use ide.geeksforgeeks.org,
generate link and share the link here.
Difference between var, let and const keywords in JavaScript
Differences between Functional Components and Class Components in React
Remove elements from a JavaScript Array
How to append HTML code to a div using JavaScript ?
Difference Between PUT and PATCH Request
Top 10 Projects For Beginners To Practice HTML and CSS Skills
Installation of Node.js on Linux
Difference between var, let and const keywords in JavaScript
How to insert spaces/tabs in text using HTML/CSS?
How to fetch data from an API in ReactJS ?