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
Lepaskan: 2024-12-06 07:35:12
asal
994 orang telah melayarinya

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)"
Salin selepas log masuk

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"
Salin selepas log masuk

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!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan