Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Menukar Tarikh dan Masa UTC kepada Zon Waktu Penyemak Imbas Setempat Pengguna Menggunakan JavaScript atau jQuery?

Bagaimanakah Saya Boleh Menukar Tarikh dan Masa UTC kepada Zon Waktu Penyemak Imbas Setempat Pengguna Menggunakan JavaScript atau jQuery?

Linda Hamilton
Linda Hamiltonasal
2024-12-06 07:35:121045semak imbas

How Can I Convert UTC Date and Time to a User's Local Browser Time Zone Using JavaScript or jQuery?

Menukar Tarikh dan Masa UTC kepada Zon Waktu Penyemak Imbas Setempat

Apabila mendapatkan maklumat tarikh dan masa daripada pelayan, ia selalunya disediakan dalam Waktu Universal Selaras (UTC). Walau bagaimanapun, memaparkan nilai ini dalam zon waktu tempatan pengguna adalah penting untuk aplikasi mesra pengguna. JavaScript dan jQuery menawarkan kaedah yang mudah untuk mencapai penukaran ini.

Menggunakan JavaScript untuk Menukar UTC kepada Waktu Setempat

Objek Tarikh JavaScript menerima rentetan berformat UTC. Untuk menukar rentetan UTC kepada zon waktu tempatan penyemak imbas, cuma tambahkan "UTC" pada rentetan sebelum mencipta objek Tarikh baharu:

var utcDateTime = "6/29/2011 4:52:48 PM";
var utcDate = new Date(utcDateTime + " UTC");

console.log(utcDate.toString()); // "Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)"

Objek utcDate yang terhasil akan mewakili bersamaan waktu tempatan UTC yang disediakan rentetan.

Menggunakan jQuery untuk Menukar UTC kepada Setempat Masa

jQuery memudahkan proses dengan lebih jauh lagi dengan fungsi utc() dan local():

var utcDateTime = "6/29/2011 4:52:48 PM";
var localDate = $.utc(utcDateTime).local();

console.log(localDate.format()); // "2011-06-29T09:52:48-07:00"

Objek localDate ialah objek momen yang menyediakan manipulasi dan pemformatan masa tambahan keupayaan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menukar Tarikh dan Masa UTC kepada Zon Waktu Penyemak Imbas Setempat Pengguna Menggunakan JavaScript atau jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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