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
Mary-Kate Olsenasal
2024-12-14 12:36:11921semak imbas

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');

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)"

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>

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');

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!

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