Cara Membandingkan Tarikh dalam JavaScript

Mengendalikan Perbandingan Tarikh dalam JavaScript

Apabila bekerja dengan aplikasi web, membandingkan tarikh adalah keperluan biasa, terutamanya apabila mengesahkan input pengguna daripada kotak teks. JavaScript menyediakan beberapa cara untuk membandingkan tarikh, membenarkan pembangun menyemak sama ada satu tarikh lebih besar daripada, kurang daripada, atau tidak pada masa lalu berbanding dengan tarikh lain.

Artikel ini akan membimbing anda melalui kaedah yang berbeza untuk membandingkan nilai tarikh dalam JavaScript, memastikan pengesahan yang tepat dan cekap. Sama ada anda sedang mengusahakan sistem tempahan, perancang acara atau sebarang aplikasi yang melibatkan perbandingan tarikh, teknik ini amat berharga.

Perintah	Penerangan
new Date()	Mencipta objek Tarikh baharu yang mewakili tarikh dan masa tertentu.
document.getElementById()	Mengakses elemen HTML dengan IDnya.
express.json()	Middleware yang menghuraikan permintaan masuk dengan muatan JSON.
app.post()	Mentakrifkan laluan untuk mengendalikan permintaan POST.
req.body	Mengandungi pasangan nilai kunci data yang diserahkan dalam badan permintaan.
res.send()	Menghantar balasan kembali kepada pelanggan.
app.listen()	Memulakan pelayan dan mendengar sambungan masuk pada port tertentu.

Memahami Perbandingan Tarikh dalam JavaScript

Skrip frontend direka untuk membandingkan dua input tarikh oleh pengguna melalui kotak teks. The arahan digunakan untuk menukar input rentetan kepada objek Tarikh. The arahan digunakan untuk mendapatkan semula nilai dari kotak teks dengan ID mereka. Setelah tarikh diambil dan ditukar, skrip menggunakan operator perbandingan mudah untuk menyemak sama ada satu tarikh lebih besar daripada, kurang daripada, atau sama dengan tarikh yang lain. Selain itu, tarikh semasa diperoleh menggunakan dan dibandingkan dengan tarikh input untuk menentukan sama ada tarikh tersebut adalah pada masa lalu. Hasil perbandingan ini kemudiannya dipaparkan kepada pengguna menggunakan mesej amaran.

Skrip bahagian belakang menggunakan Node.js dengan rangka kerja Express untuk mengendalikan perbandingan tarikh di bahagian pelayan. Ia bermula dengan menyediakan aplikasi Express dan menghuraikan permintaan JSON masuk menggunakan . Jalan mengendalikan permintaan POST ke titik akhir /compare-dates. Dalam laluan ini, tarikh diekstrak daripada badan permintaan, ditukar kepada objek Tarikh menggunakan , dan dibandingkan dengan cara yang serupa dengan skrip frontend. Hasil perbandingan ini digabungkan menjadi satu rentetan tindak balas dan dihantar semula kepada pelanggan menggunakan res.send(). Pelayan kemudiannya dimulakan dan mendengar sambungan masuk pada port 3000 menggunakan .

// Get date values from text boxes
function compareDates() {
  const date1 = new Date(document.getElementById('date1').value);
  const date2 = new Date(document.getElementById('date2').value);
  const now = new Date();
  if (date1 > date2) {
    alert('Date 1 is greater than Date 2');
  } else if (date1 < date2) {
    alert('Date 1 is less than Date 2');
  } else {
    alert('Date 1 is equal to Date 2');
  }
  if (date1 < now) {
    alert('Date 1 is in the past');
  }
  if (date2 < now) {
    alert('Date 2 is in the past');
  }
}

const express = require('express');
const app = express();
app.use(express.json());
app.post('/compare-dates', (req, res) => {
  const { date1, date2 } = req.body;
  const d1 = new Date(date1);
  const d2 = new Date(date2);
  const now = new Date();
  let result = '';
  if (d1 > d2) {
    result += 'Date 1 is greater than Date 2. ';
  } else if (d1 < d2) {
    result += 'Date 1 is less than Date 2. ';
  } else {
    result += 'Date 1 is equal to Date 2. ';
  }
  if (d1 < now) {
    result += 'Date 1 is in the past. ';
  }
  if (d2 < now) {
    result += 'Date 2 is in the past.';
  }
  res.send(result);
});
app.listen(3000, () => console.log('Server running on port 3000'));

Meneroka Perbandingan Tarikh Lanjutan dalam JavaScript

Selain perbandingan tarikh asas, JavaScript menawarkan teknik dan perpustakaan yang lebih maju yang boleh memudahkan manipulasi tarikh. Salah satu perpustakaan tersebut ialah Moment.js, yang menyediakan API yang kaya untuk menghurai, mengesahkan, memanipulasi dan memformat tarikh. Moment.js boleh mengendalikan kes tepi dan kerumitan yang terlibat dalam operasi tarikh, menjadikannya pilihan popular untuk pembangun. Menggunakan Moment.js, anda boleh membandingkan tarikh dengan mudah dengan kaedah seperti , , dan . Kaedah ini meningkatkan kebolehbacaan dan mengurangkan potensi ralat dalam kod anda.

Satu lagi alat yang berkuasa untuk perbandingan tarikh dalam JavaScript ialah objek, yang membenarkan pemformatan tarikh dalam cara yang sensitif setempat. Ini amat berguna apabila berurusan dengan aplikasi antarabangsa yang format tarikh berbeza-beza. Tambahan pula, JavaScript terbina dalam objek mempunyai kaedah seperti dan valueOf() yang mengembalikan bilangan milisaat sejak zaman Unix, memberikan cara yang mudah untuk membandingkan tarikh secara berangka. Kaedah ini, digabungkan dengan teknik seperti mencipta fungsi boleh guna semula untuk perbandingan tarikh, boleh meningkatkan keteguhan dan kebolehselenggaraan kod anda dengan ketara.

1. Bagaimanakah saya boleh membandingkan dua tarikh tanpa menggunakan perpustakaan?
2. Anda boleh membandingkan dua tarikh dengan menukarkannya menjadi objek dan menggunakan operator perbandingan seperti , , dan ===.
3. Apakah Moment.js, dan bagaimana ia membantu dengan perbandingan tarikh?
4. Moment.js ialah perpustakaan JavaScript yang memudahkan manipulasi tarikh dan perbandingan dengan kaedah seperti dan .
5. Bolehkah saya memformat tarikh dalam JavaScript ke tempat yang berbeza?
6. Ya, menggunakan objek membolehkan anda memformat tarikh mengikut tempat yang berbeza.
7. Apa itu kaedah yang digunakan untuk?
8. The kaedah mengembalikan bilangan milisaat sejak 1 Januari 1970, menjadikannya mudah untuk membandingkan tarikh secara berangka.
9. Bagaimanakah saya boleh menyemak sama ada tarikh adalah pada masa lalu?
10. Bandingkan tarikh dengan tarikh semasa menggunakan dan juga pengendali.
11. Apakah beberapa kes kelebihan yang perlu dipertimbangkan semasa membandingkan tarikh?
12. Kes tepi termasuk tahun lompat, zon waktu yang berbeza dan format tarikh yang berbeza-beza.
13. Adakah perlu menggunakan perpustakaan untuk perbandingan tarikh?
14. Walaupun tidak diperlukan, perpustakaan seperti Moment.js boleh memudahkan proses dan mengendalikan senario kompleks dengan lebih cekap.
15. Bolehkah saya menggunakan objek untuk aritmetik tarikh?
16. Ya, anda boleh menggunakan kaedah seperti dan untuk melakukan aritmetik tarikh dengan objek.

Merumuskan Teknik Perbandingan Tarikh dalam JavaScript

Apabila bekerja dengan tarikh dalam JavaScript, membandingkannya dengan tepat adalah penting untuk pelbagai aplikasi. Menggunakan objek Date, pembangun boleh menukar rentetan tarikh kepada objek setanding dengan mudah. Pengendali perbandingan mudah seperti > dan

Membandingkan tarikh secara berkesan dalam JavaScript adalah penting untuk memastikan pengesahan data yang tepat dan boleh dipercayai. Dengan menukar rentetan tarikh kepada objek Tarikh dan menggunakan operator perbandingan, pembangun boleh melakukan perbandingan tarikh asas dan lanjutan. Alat seperti Moment.js dan objek Intl.DateTimeFormat meningkatkan lagi keupayaan pengendalian tarikh dalam JavaScript. Sama ada pada bahagian hadapan atau belakang, teknik ini membantu mengekalkan ketekalan dan ketepatan dalam fungsi berkaitan tarikh dalam aplikasi.