Bagaimana untuk menukar tarikh kepada zon waktu lain dalam JavaScript?-tutorial js-php.cn

Bagaimana untuk menukar tarikh kepada zon waktu lain dalam JavaScript?

王林

Lepaskan： 2023-09-08 23:17:02

ke hadapan

1253 orang telah melayarinya

如何在 JavaScript 中将日期转换为另一个时区？

JavaScript mempunyai pembina Date() baharu yang digunakan untuk mencipta objek tarikh untuk mendapatkan tarikh dan masa semasa. Objek tarikh ini menggunakan zon waktu UTC atau zon waktu penyemak imbas klien, iaitu jika anda berada di India dan menggunakan pembina Date() baharu untuk mendapatkan tarikh dan masa, anda akan mendapat waktu tempatan anda. Tetapi kadangkala, kita mungkin perlu mendapatkan zon waktu negara lain, yang tidak boleh kita lakukan secara langsung. Ini boleh dilakukan menggunakan kaedah toLocaleString() atau kaedah format(). Pada penghujung artikel, anda akan boleh mendapatkan tarikh mana-mana zon waktu lain dalam JavaScript.

Dua kaedah yang akan kami gunakan dalam artikel ini untuk menukar tarikh kepada zon waktu lain adalah seperti berikut −

Menggunakan toLocaleString() Kaedah
使用format()方法

使用 toLocaleString() 方法

toLocaleString() 方法可以使用日期对象调用。该方法具有根据传入的参数将期对象调用。该方法具有根据传入的参数将与与据另一个时区的能力。它接受两个参数，第一个参数是“tempatan”，它是应该使用的格式约定的语言，对于英语来说是“en-US”，第二个参数是“options”，对于是“en-US”，第二个参数是“options”，对京是”对于是”对于是”对于是}，其中countryName是我们想要更改时区的国家的名称。

以下是使用toLocaleString()方法在JavaScript中将日期转换为另一个时区的逐步过#程。🎜

使用Date构造函数创建一个日期对象
Gunakan objek tarikh dengan kaedah toLocaleString() dan hantar argumen pertama sebagai 'en-US' untuk pemformatan tarikh dan masa bahasa Inggeris dan argumen kedua {timeZone: "America/New_York"} untuk mendapatkan zon waktu New York
Simpan pulangan nilai daripada kaedah ini ke dalam pembolehubah, pembolehubah itu ialah zon waktu yang diperlukan kami.

Contoh

在这个例子中，我们使用JavaScript的toLocaleString()方法将一个日期转换为另一个时匜。

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Converting date to another timezone in JavaScript</title>
</head>
<body>
   <h3>Convert date to America/New_York Time Zone using toLocaleString() Method</h3>
   <p id="input">Local Time: </p>
   <p id="output">America/New_York Time Zone: </p>
   <script>
      // date objec
      let date = new Date();
      document.getElementById("input").innerText += date ;
      
      // convert date to another timezone
      let output = date.toLocaleString("en-US", {
         timeZone: "America/New_York"
      });
      
      // display the result
      document.getElementById("output").innerText += output;
   </script>
</body>
</html>

Salin selepas log masuk

Menggunakan Kaedah Format()

Kita boleh menggunakan kaedah format() dengan objek "Intl.DateTimeFormat" dan menggunakan objek tarikh yang diluluskan sebagai hujah kepada kaedah format() untuk menukar zon waktu kepada zon waktu yang diluluskan semasa mencipta "Intl.DateTimeFormat "objek. Bunyinya rumit tetapi ia sangat mudah jika anda melihat contoh di bawah.

Berikut ialah prosedur langkah bijak untuk menukar tarikh kepada zon waktu lain dalam JavaScript menggunakan Kaedah format().

Dalam contoh ini, kami menukar tarikh kepada zon waktu lain dalam JavaScript menggunakan Kaedah format().

<!DOCTYPE html>
<html lang="en">
<head>
   <title>Convert date to America/New_York timezone in JavaScript</title>
</head>
<body>
   <h3>Convert date to America/New_York timezone using format() Method</h3>
   <p id="input">Local Time: </p>
   <p id="output">America/New_York Time Zone: </p>
   <script>
      // date objec
      let date = new Date();
      document.getElementById("input").innerText += date ;
      
      // create a new date object
      let newObj = Intl.DateTimeFormat('en-US', {
         timeZone: "America/New_York"
      })
      
      // convert date to another timezone
      let newDate = newObj.format(date);
      
      // display the result
      document.getElementById("output").innerHTML += newDate;
   </script>
</body>
</html>

Salin selepas log masuk

Ringkasan

让我们总结一下在本教程中学到的内容。我们看到我们有两种方法可中方法可中可时区，第一种是使用日期对象的toLocaleString()方法，第二种是使用"Intl.DateTimeFormat"对象的format()方法。这两种方法有不同的用例，你可以根据自己的需两种方法有不同的用例，你可以根据自己的需覬掉你们掉。 eString()方法，它易于使用，而且比使用"Intl.DateTimeFormat"对象的format()方法需要更少的代码行。

Atas ialah kandungan terperinci Bagaimana untuk menukar tarikh kepada zon waktu lain dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!