Bagaimana untuk Menukar Tarikh UTC kepada Format Tempatan Pengguna dengan JavaScript?

Menukar Tarikh UTC kepada Format Tempatan Pengguna dengan JavaScript

Dalam pembangunan web, memaparkan tarikh dan masa dalam tempat pengguna boleh meningkatkan UX dan memastikan perwakilan data yang betul. Ini amat penting apabila pelayan menyediakan data dalam format yang konsisten (cth., UTC) dan perlu dilaraskan kepada zon waktu dan tempat pengguna.

Langkah 1: Mulakan dengan Tarikh UTC

Untuk memanipulasi tarikh dengan berkesan, mulakan dengan mencipta objek Tarikh baharu dan menggunakan kaedah setUTC... untuk menetapkan tarikh dan masa kepada nilai UTC. Ini memastikan titik permulaan yang konsisten untuk sebarang manipulasi seterusnya.

Langkah 2: Gunakan Kaedah toLocaleString

Setelah tarikh berada dalam format UTC, kaedah toLocale...String boleh digunakan untuk menukarnya kepada pilihan tempat pengguna. Kaedah ini termasuk:

• toLocaleString(): Menyediakan perwakilan rentetan setempat bagi keseluruhan tarikh dan masa.
• toLocaleDateString(): Mengembalikan perwakilan rentetan setempat bagi tarikh sahaja.
• toLocaleTimeString(): Mengembalikan perwakilan rentetan setempat bagi masa sahaja.

Contoh

Coretan kod berikut menunjukkan cara membuat tarikh UTC dan menukarnya kepada format setempat pengguna:

// Date in UTC
var d = new Date();
d.setUTCFullYear(2004);
d.setUTCMonth(1);
d.setUTCDate(29);
d.setUTCHours(2);
d.setUTCMinutes(45);
d.setUTCSeconds(26);

// Display results
console.log(d);                           // UTC representation
console.log(d.toLocaleString());           // Localized date and time 
console.log(d.toLocaleDateString());       // Localized date
console.log(d.toLocaleTimeString());       // Localized time

Output:

Sat Feb 28 2004 23:45:26 GMT-0300 (BRT)
Sat Feb 28 23:45:26 2004
02/28/2004
23:45:26

Dengan mengikuti langkah ini, anda boleh memaparkan tarikh dan masa dengan berkesan dalam format setempat pengguna, dengan mengambil kira zon waktu dan tempat mereka pilihan.

Atas ialah kandungan terperinci Bagaimana untuk Menukar Tarikh UTC kepada Format Tempatan Pengguna dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!