Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Cara menukar perwakilan tarikh dan masa dalam JavaScript

Cara menukar perwakilan tarikh dan masa dalam JavaScript

PHPz
Lepaskan: 2023-04-24 11:41:07
asal
883 orang telah melayarinya

Ekspresi tarikh dan masa JavaScript sangat pelbagai, seperti format ISO, format tarikh standard, format cap masa, dsb. Dalam JavaScript, kita selalunya perlu menukar antara perwakilan yang berbeza ini untuk memenuhi keperluan yang berbeza.

Artikel ini akan memperkenalkan cara menukar perwakilan tarikh dan masa dalam JavaScript, meliputi aspek berikut:

  1. Konsep asas tarikh dan masa
  2. JavaScript Tarikh dan masa objek
  3. Perwakilan tarikh dan masa
  4. Analisis contoh antara penukaran

1 Konsep asas tarikh dan masa

Dalam komputer, Datetime ialah a jenis data yang digunakan untuk mewakili masa, dengan atribut seperti tahun, bulan, hari, jam, minit dan saat. Terdapat banyak bentuk ungkapan tarikh dan masa, dan bentuk ungkapan yang berbeza boleh memenuhi keperluan yang berbeza. Sebagai contoh, kami biasanya menggunakan "tahun-bulan-hari" untuk mewakili tarikh, dan "jam:minit:saat" untuk mewakili masa dan cap masa sering digunakan dalam pangkalan data untuk mewakili titik dalam masa.

2. Objek tarikh dan masa dalam JavaScript

Dalam JavaScript, objek tarikh dan masa ialah objek terbina dalam yang boleh digunakan untuk mewakili tarikh atau masa. Kita boleh menggunakan pembina Tarikh untuk mencipta objek masa tarikh, contohnya:

var now = new Date(); // 获取当前时间的日期时间对象
var date = new Date("2022-01-01"); // 根据日期字符串创建日期时间对象
var time = new Date(1641004800000); // 根据时间戳创建日期时间对象
Salin selepas log masuk

Seperti yang anda lihat, menggunakan parameter yang berbeza, kita boleh mencipta objek masa tarikh yang berbeza. Dalam JavaScript, objek tarikh dan masa mempunyai banyak kaedah terbina dalam yang boleh digunakan untuk mendapatkan atau menetapkan pelbagai atribut tarikh dan masa, seperti:

var now = new Date();

var year = now.getFullYear(); // 获取当前年份
var month = now.getMonth() + 1; // 获取当前月份
var day = now.getDate(); // 获取当前日期
var hour = now.getHours(); // 获取当前小时数
var minute = now.getMinutes(); // 获取当前分钟数
var second = now.getSeconds(); // 获取当前秒数

var timestamp = now.getTime(); // 获取当前时间的时间戳
Salin selepas log masuk

3 Ungkapan tarikh dan masa

JavaScript Ungkapan tarikh dan masa yang biasa digunakan adalah:

  1. Format tarikh dan masa ISO

    Format ISO ialah format tarikh dan masa standard antarabangsa, dengan yang berikut borang: "YYYY- MM-DDTHH:mm:ss.sssZ". Antaranya, YYYY mewakili tahun, MM mewakili bulan, DD mewakili tarikh, HH mewakili jam, mm mewakili minit, ss mewakili bilangan saat, dan sss mewakili bilangan milisaat. T mewakili pemisah tarikh dan masa, Z mewakili zon waktu.

  2. Format tarikh standard

    Format tarikh standard ialah format tarikh biasa yang mempunyai bentuk berikut: "TTTT/MM/DD". Antaranya, YYYY mewakili tahun, MM mewakili bulan, dan DD mewakili tarikh. Format masa standard mempunyai bentuk berikut: "HH:mm:ss". Antaranya, HH mewakili jam, mm mewakili minit, dan ss mewakili saat. Jika anda ingin mewakili kedua-dua tarikh dan masa, anda boleh memisahkannya dengan ruang, sebagai contoh: "YYYY/MM/DD HH:mm:ss".

  3. Format cap masa

    Cap masa ialah bilangan saat atau milisaat yang dikira daripada titik masa tetap, biasanya dinyatakan dalam bentuk integer.

4. Analisis contoh penukaran bersama

4.1 Tukar tarikh dan masa kepada format ISO

Untuk objek tarikh dan masa, kita boleh menggunakan toISOString () Kaedah untuk menukarnya kepada rentetan format ISO, contohnya:

var now = new Date();
var isoString = now.toISOString(); // 输出的结果为:2022-08-22T01:17:25.753Z
Salin selepas log masuk

4.2 Tukar tarikh dan masa kepada format tarikh standard

Untuk objek tarikh dan masa, kita boleh menggunakan kaedah toLocaleDateString() Tukarkannya kepada rentetan dalam format tarikh standard, contohnya:

var now = new Date();
var dateString = now.toLocaleDateString(); // 输出的结果为:2022/8/22
var timeString = now.toLocaleTimeString(); // 输出的结果为:上午1:17:25
var dateTimeString = now.toLocaleString(); // 输出的结果为:2022/8/22 上午1:17:25
Salin selepas log masuk

4.3 Tukar masa tarikh kepada format cap masa

Untuk objek masa tarikh, kita boleh menggunakan getTime () kaedah Tukarkannya kepada cap masa, contohnya:

var now = new Date();
var timestamp = now.getTime(); // 输出的结果为:1669091841918
Salin selepas log masuk

4.4 Tukar format ISO kepada objek datetime

Untuk rentetan datetime format ISO, kita boleh menggunakan Date() Pembina baharu menukarnya kepada objek datetime, contohnya:

var isoString = "2022-08-22T01:17:25.753Z";
var date = new Date(isoString); // 输出的结果为:Mon Aug 22 2022 09:17:25 GMT+0800 (中国标准时间)
Salin selepas log masuk

4.5 Tukar format tarikh standard kepada objek datetime

Untuk rentetan dalam format tarikh standard, "Tahun/Bulan" / Day" Anda boleh menggunakan kaedah replace() String untuk menggantikan "/" dengan "-", contohnya:

var dateString = "2022/8/22";
dateString = dateString.replace(/\//g, "-"); // 输出的结果为:2022-08-22
var date = new Date(dateString); // 输出的结果为:Mon Aug 22 2022 00:00:00 GMT+0800 (中国标准时间)
Salin selepas log masuk

4.6 Tukar cap waktu kepada objek masa tarikh

Untuk Setem masa, kita boleh menghantarnya sebagai parameter kepada pembina Tarikh, contohnya:

var timestamp = 1669091841918;
var date = new Date(timestamp); // 输出的结果为:Mon Aug 22 2022 01:57:21 GMT+0800 (中国标准时间)
Salin selepas log masuk

Secara ringkasnya, artikel ini memperkenalkan konsep asas tarikh dan masa dalam JavaScript, objek tarikh dan masa, ungkapan tarikh dan masa dan kaedah Penukaran berbeza antara bentuk ungkapan, dan analisis contoh khusus diberikan. Borang ungkapan yang berbeza boleh memenuhi keperluan yang berbeza Contohnya: Format ISO sesuai untuk digunakan dalam penghantaran rangkaian, format tarikh standard sesuai untuk digunakan dalam interaksi manusia-komputer, dan format cap masa sesuai untuk pengiraan dan perbandingan masa. Oleh itu, dalam pembangunan sebenar, kita perlu memilih perwakilan tarikh dan masa yang sesuai dan kaedah penukaran mengikut keperluan tertentu.

Atas ialah kandungan terperinci Cara menukar perwakilan tarikh dan masa dalam 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