Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Menukar UTC Date-Time kepada Local Date-Time dalam JavaScript dan jQuery?

Bagaimana untuk Menukar UTC Date-Time kepada Local Date-Time dalam JavaScript dan jQuery?

Mary-Kate Olsen
Lepaskan: 2024-12-14 12:36:11
asal
919 orang telah melayarinya

How to Convert UTC Date-Time to Local Date-Time in JavaScript and jQuery?

Menukar Tarikh-Masa UTC kepada Tarikh-Masa Setempat

Apabila menerima pembolehubah datetime dalam format UTC daripada pelayan, seperti "6/29/2011 4: 52:48 PM", selalunya perlu menukarnya kepada zon waktu tempatan pengguna untuk tujuan paparan. Ini boleh dicapai menggunakan JavaScript atau jQuery.

Menggunakan JavaScript

Untuk menukar perwakilan rentetan masa tarikh dalam masa UTC kepada zon waktu tempatan pengguna menggunakan JavaScript, tambahkan 'UTC' pada rentetan sebelum menukarnya kepada tarikh:

var date = new Date('6/29/2011 4:52:48 PM UTC');
Salin selepas log masuk

Ini akan mencipta objek Tarikh yang mewakili tarikh dan masa dalam waktu tempatan pengguna zon. Kaedah toString() bagi objek Date boleh digunakan untuk mendapatkan tarikh dan masa dalam format rentetan untuk paparan:

date.toString() // "Wed Jun 29 2011 09:52:48 GMT-0700 (PDT)"
Salin selepas log masuk

Menggunakan jQuery

jQuery menyediakan kaedah yang sama untuk menukar a Waktu tarikh UTC kepada masa tarikh tempatan. Pustaka zon waktu detik mesti disertakan dalam dokumen untuk ini berfungsi:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.18/moment-timezone.min.js"></script>
Salin selepas log masuk

Dengan pustaka zon waktu detik dimuatkan, anda boleh menggunakan kod jQuery berikut untuk menukar rentetan waktu tarikh UTC kepada setempat pengguna zon waktu:

var date = moment.utc('6/29/2011 4:52:48 PM').local().format('MM/DD/YYYY HH:mm:ss a');
Salin selepas log masuk

Ini akan mencipta objek tarikh yang mewakili tarikh dan masa dalam zon waktu tempatan pengguna. Kaedah format() objek momen boleh digunakan untuk mendapatkan tarikh dan masa dalam format rentetan untuk paparan.

Atas ialah kandungan terperinci Bagaimana untuk Menukar UTC Date-Time kepada Local Date-Time dalam JavaScript dan 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