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.

Memahami Perbandingan Tarikh dalam JavaScript

Skrip frontend direka untuk membandingkan dua input tarikh oleh pengguna melalui kotak teks. The new Date() arahan digunakan untuk menukar input rentetan kepada objek Tarikh. The document.getElementById() 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 new Date() 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 express.json(). Jalan app.post() mengendalikan permintaan POST ke titik akhir /compare-dates. Dalam laluan ini, tarikh diekstrak daripada badan permintaan, ditukar kepada objek Tarikh menggunakan new Date(), 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 app.listen().

// 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 isBefore(), isAfter(), dan isSame(). Kaedah ini meningkatkan kebolehbacaan dan mengurangkan potensi ralat dalam kod anda.

Satu lagi alat yang berkuasa untuk perbandingan tarikh dalam JavaScript ialah Intl.DateTimeFormat 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 Date objek mempunyai kaedah seperti getTime() 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.

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 < boleh menentukan sama ada satu tarikh lebih besar atau kurang daripada tarikh lain. Alat lanjutan seperti Moment.js menawarkan kaedah seperti isBefore() dan isAfter() untuk senario yang lebih kompleks. Selain itu, pengendalian perbandingan tarikh pada bahagian belakang dengan Node.js memastikan pengesahan dan pemprosesan maklumat tarikh yang konsisten merentas bahagian aplikasi yang berlainan.