Kunci untuk menangani isu zon waktu JavaScript adalah memilih kaedah yang betul. 1. Apabila menggunakan objek tarikh asli, disarankan untuk menyimpan dan memindahkan masa UTC dan menukarnya ke zon waktu tempatan pengguna ketika menyampaikan; 2. Untuk operasi zon waktu yang kompleks, momen-TIMEZONE boleh digunakan, yang menyokong pangkalan data zon waktu IANA dan menyediakan fungsi pemformatan dan penukaran yang mudah; 3. Jika anda perlu melokalkan masa paparan dan tidak mahu memperkenalkan perpustakaan pihak ketiga, anda boleh menggunakan intl.dateTimeFormat; 4. Adalah disyorkan bahawa hari penyelesaian ringan moden.js digabungkan dengan zon waktu dan pemalam UTC, dan APInya mudah, prestasi yang baik dan menyokong penukaran zon waktu.

Kunci untuk menangani isu zon waktu dalam JavaScript adalah untuk memahami operasi asas masa dan bagaimana untuk memaparkan atau menukar zon waktu dengan betul dalam senario yang berbeza. Walaupun objek Date asli JavaScript berkuasa, mereka didasarkan pada zon waktu tempatan persekitaran yang berjalan secara lalai, yang terdedah kepada kesilapan dalam aplikasi silang rantau.

Berikut adalah beberapa kaedah dan petua praktikal untuk membantu anda menangani masalah zon waktu yang lebih baik.

Asas menggunakan objek tarikh

Objek Date JavaScript boleh dibuat, diformat, dan dikendalikan untuk masa. Walau bagaimanapun, ia mempunyai "lubang": masa output biasanya berdasarkan zon waktu tempatan di mana penyemak imbas pengguna terletak.

 const sekarang = tarikh baru ();
Console.log (sekarang); // output adalah waktu tempatan

Jika anda hanya ingin mendapatkan masa UTC, anda boleh menggunakan .toUTCString() atau .getUTCHours() dan kaedah lain:

 console.log (now.toutcString ()); // dipaparkan sebagai masa UTC

Cadangan:

• Jika anda memerlukan standard masa bersatu, disarankan untuk sentiasa menggunakan masa UTC untuk penyimpanan dan penghantaran.
• Apabila dipaparkan kepada pengguna, tukar mengikut zon waktu mereka.

Gunakan momen.js dan momen-timeZone untuk mengendalikan zon waktu yang kompleks

Sekiranya projek itu perlu sering menukar zon waktu atau memaparkan beberapa zon waktu, tarikh asli akan lebih menyusahkan untuk beroperasi. Pada masa ini, anda boleh mempertimbangkan memperkenalkan momen-timeZone .

Kaedah Pemasangan (NPM):

 NPM Pasang Moment-TimeZone

Penggunaan Asas:

 const momen = memerlukan ('moment-timeZone');

// Dapatkan masa semasa zon waktu tertentu const newyorktime = momen (). Tz ("Amerika/new_york"). Format ();
Console.log (NewYorkTime);

Kelebihan:

• Menyokong pangkalan data zon waktu IANA yang lengkap
• Ia boleh diformat, dihuraikan dan ditukar dengan mudah

NOTIS:

• momen.js telah memasuki mod penyelenggaraan dan sesuai untuk digunakan dalam projek lama. Alternatif boleh dipertimbangkan untuk projek baru.

Gunakan intl.dateTimeFormat untuk paparan setempat

Jika anda tidak mahu memperkenalkan perpustakaan pihak ketiga dan ingin memaparkan masa dengan zon waktu dan format bahasa pengguna, anda boleh menggunakan Intl.DateTimeFormat terbina dalam.

 const options = {
  Waktu waktu: 'Asia/Shanghai',
  tahun: 'angka', bulan: 'panjang', hari: 'angka',
  Jam: '2 digit', minit: '2 digit'
};

const formatter = new Intl.DateTimeFormat ('zh-cn', options);
console.log (formatter.format (tarikh baru ())); // output masa beijing

Kelebihan kaedah ini ialah ia tidak memerlukan ketergantungan tambahan dan secara automatik boleh menyesuaikan diri dengan tabiat bahasa pengguna.

Penyelesaian Moden yang Disyorkan: Plugin Zone Day.js

Day.js adalah alternatif yang ringan untuk perpustakaan momen.js, dan fungsi zon waktu juga boleh disokong melalui pemalam.

Pasang:

 NPM Pemasangan Dayjs
NPM Pasang @Dayjs/Plugin-TimeZone
NPM Pasang @DayJS/Plugin-UTC

Gunakan:

 const dayjs = memerlukan ('dayjs');
const utc = memerlukan ('@dayjs/plugin-utc');
const Timezone = memerlukan ('@dayjs/plugin-timeZone');

dayjs.extend (UTC);
dayjs.extend (zon waktu);

const beijingtime = dayjs (). Tz ('Asia/Shanghai'). Format ();
Console.log (BeijingTime);

kelebihan:

• Saiz kecil, prestasi yang baik
• API adalah kos pembelajaran yang mudah dan rendah
• Menyokong penukaran zon UTC dan waktu

Secara umum, JavaScript mengendalikan zon waktu dalam pelbagai cara, dan terdapat senario yang berkenaan dari perpustakaan asli ke pihak ketiga. Jika anda hanya memaparkan masa tempatan, gunakan Intl sudah cukup; Sekiranya anda ingin mengawal zon waktu, momen-masa atau siang hari adalah pilihan yang baik.

Pada dasarnya itu sahaja.

Atas ialah kandungan terperinci Bagaimana Mengatasi Zon Masa di JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!