How to use Intl.DateTimeFormat() and format() In Javascript
The Intl.NumberFormat() method is used to represent numbers in 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:
intlDateObj = new Intl.DateTimeFormat('en-US', {
timeZone: "America/New_York"
});
usaTime = intlDateObj.format(date);
Example: In this example, we will use Intl.NumberFormat() method.
<!DOCTYPE html>
<html lang="en">
<head>
<title>
How to convert date to another timezone in JavaScript ?
</title>
</head>
<body>
<h1 style="color: green">
w3wiki
</h1>
<b>
How to convert date to another
timezone in JavaScript?
</b>
<br><br>
<button onclick="changeTimezone()">
CLick here to change an IST date to US timezone
</button>
<script type="text/javascript">
function changeTimezone() {
let date = new Date(Date.UTC(2012, 11, 20, 3, 0, 0));
document.write('Given IST datetime: ' + date + "<br>");
let intlDateObj = new Intl.DateTimeFormat('en-US', {
timeZone: "America/New_York"
});
let usaTime = intlDateObj.format(date);
document.write('USA date: ' + usaTime);
}
</script>
</body>
</html>
Output:
How to convert date to another timezone in JavaScript ?
In our globalized world, navigating time zones has become an essential aspect of modern life. Whether it’s scheduling international meetings, coordinating travel plans, or simply staying in touch with friends and family abroad, understanding how to convert dates and times between different time zones is invaluable. In this article, we will learn how to convert the date of one timezone to another.
Below are the methods to convert date to another timezone in JavaScript:
Table of Content
- Using Intl.DateTimeFormat() and format()
- Using toLocaleString() method