Menguasai Pengendalian Tarikh dan Masa dalam JavaScript

Pengendalian Tarikh dan Masa dalam JavaScript

JavaScript menyediakan objek Tarikh untuk berfungsi dengan tarikh dan masa. Ia serba boleh dan menawarkan pelbagai kaedah untuk memanipulasi, memformat dan mengira nilai tarikh dan masa.

---

1. Mencipta Objek Tarikh

Objek Tarikh boleh dibuat dengan cara yang berbeza.

A. Tarikh dan Masa Semasa

const now = new Date();
console.log(now); // Current date and time

B. Tarikh dan Masa Tertentu

const specificDate = new Date("2023-12-31T23:59:59");
console.log(specificDate); // Output: 2023-12-31T23:59:59.000Z

C. Menggunakan Tahun, Bulan, Hari, dsb.

const date = new Date(2023, 11, 31, 23, 59, 59); // Month is zero-based (11 = December)
console.log(date); // Output: Sun Dec 31 2023 23:59:59

D. Cap masa

Objek Tarikh boleh dimulakan menggunakan cap waktu (milisaat sejak 1 Januari 1970, UTC).

const timestamp = new Date(0);
console.log(timestamp); // Output: Thu Jan 01 1970 00:00:00 UTC

---

2. Mendapatkan Komponen Tarikh dan Masa

Objek Tarikh menyediakan kaedah untuk mengekstrak bahagian tertentu tarikh.

• Tahun: getFullYear()
• Bulan: getMonth() (0-11, dengan 0 ialah Januari)
• Hari Bulan: getDate()
• Hari Minggu: getDay() (0-6, dengan 0 ialah Ahad)
• Waktu: getHours()
• Minit: getMinutes()
• Saat: getSeconds()
• Millisaat: dapatkanMillisaat()

Contoh:

const now = new Date();
console.log(now.getFullYear()); // Output: Current year
console.log(now.getMonth());    // Output: Current month (0-based)
console.log(now.getDate());     // Output: Current day of the month
console.log(now.getDay());      // Output: Current day of the week
console.log(now.getHours());    // Output: Current hour

---

3. Mengubah Suai Tarikh dan Masa

Anda boleh menukar komponen tertentu tarikh menggunakan kaedah penetap.

• Tetapkan Tahun: setFullYear(tahun)
• Tetapkan Bulan: setBulan(bulan)
• Tetapkan Tarikh: setDate(hari)
• Tetapkan Waktu: setHours(jam)
• Tetapkan Minit: setMinutes(minit)

Contoh:

const date = new Date();
date.setFullYear(2025);
date.setMonth(11); // December
date.setDate(25);
console.log(date); // Output: A modified date

---

4. Memformat Tarikh dan Masa

A. kepadaISOString()

Mengembalikan tarikh dalam format ISO 8601.

const now = new Date();
console.log(now.toISOString()); // Output: 2023-12-31T23:59:59.000Z

B. toLocaleString()

Mengembalikan tarikh dan masa dalam format khusus setempat.

const now = new Date();
console.log(now.toLocaleString("en-US")); // Output: MM/DD/YYYY, HH:MM:SS AM/PM
console.log(now.toLocaleString("de-DE")); // Output: DD.MM.YYYY, HH:MM:SS

C. toDateString() dan toTimeString()

• toDateString(): Mengembalikan bahagian tarikh sahaja.
• toTimeString(): Mengembalikan bahagian masa sahaja.

const now = new Date();
console.log(now.toDateString()); // Output: Wed Dec 31 2023
console.log(now.toTimeString()); // Output: 23:59:59 GMT+0000

---

5. Mengira Perbezaan Tarikh

Anda boleh mengira perbezaan dengan menukar tarikh kepada cap masa.

Contoh:

const date1 = new Date("2023-12-31");
const date2 = new Date("2024-01-01");
const difference = date2 - date1; // Difference in milliseconds
console.log(difference / (1000 * 60 * 60 * 24)); // Output: 1 day

---

6. Membandingkan Tarikh

Gunakan operator perbandingan untuk membandingkan tarikh.

Contoh:

const now = new Date();
console.log(now); // Current date and time

---

7. Bekerja dengan Zon Masa

A. Kaedah UTC

• getUTCFullYear(), getUTCMonth(), getUTCDate(), dsb., kembalikan komponen dalam UTC.

const specificDate = new Date("2023-12-31T23:59:59");
console.log(specificDate); // Output: 2023-12-31T23:59:59.000Z

B. Menukar kepada Zon Masa

Gunakan perpustakaan seperti moment.js atau date-fns untuk pengendalian zon waktu lanjutan.

---

8. Menjana Cap Masa

A. Cap Masa Semasa

Kaedah Date.now() mengembalikan cap masa semasa dalam milisaat.

const date = new Date(2023, 11, 31, 23, 59, 59); // Month is zero-based (11 = December)
console.log(date); // Output: Sun Dec 31 2023 23:59:59

B. Tukar Tarikh kepada Cap Masa

Gunakan kaedah .getTime().

const timestamp = new Date(0);
console.log(timestamp); // Output: Thu Jan 01 1970 00:00:00 UTC

---

9. Ringkasan

• Objek Tarikh berkuasa untuk mengendalikan tarikh dan masa.
• Gunakan kaedah getter dan setter untuk mengekstrak atau mengubah suai komponen tarikh.
• Pilihan pemformatan seperti toISOString() dan toLocaleString() memudahkan pembentangan tarikh.
• Untuk operasi lanjutan, pertimbangkan untuk menggunakan perpustakaan pihak ketiga seperti moment.js atau date-fns.

Menguasai pengendalian tarikh dan masa dalam JavaScript adalah penting untuk aplikasi yang melibatkan penjadualan, cap masa dan penyetempatan.

Hai, saya Abhay Singh Kathayat!
Saya seorang pembangun tindanan penuh dengan kepakaran dalam kedua-dua teknologi hadapan dan belakang. Saya bekerja dengan pelbagai bahasa pengaturcaraan dan rangka kerja untuk membina aplikasi yang cekap, berskala dan mesra pengguna.
Jangan ragu untuk menghubungi saya melalui e-mel perniagaan saya: kaashshorts28@gmail.com.

Atas ialah kandungan terperinci Menguasai Pengendalian Tarikh dan Masa dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!