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

DDD
Lepaskan: 2024-11-05 22:13:02
asal
334 orang telah melayarinya

How to Convert UTC Dates to User Locale Format with 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
Salin selepas log masuk

Output:

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

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!