Kuidas võrrelda kuupäevi JavaScriptis

Kuupäevade võrdluste käsitlemine JavaScriptis

Veebirakendustega töötamisel on kuupäevade võrdlemine tavaline nõue, eriti kui valideerida kasutaja sisendit tekstikastidest. JavaScript pakub mitmeid viise kuupäevade võrdlemiseks, võimaldades arendajatel kontrollida, kas üks kuupäev on mõne teise kuupäeva suhtes suurem, väiksem kui minevik või mitte.

See artikkel juhendab teid erinevate meetodite abil, kuidas võrrelda JavaScriptis kuupäevaväärtusi, tagades täpse ja tõhusa valideerimise. Olenemata sellest, kas töötate broneerimissüsteemi, sündmuste planeerija või mis tahes kuupäevade võrdlemist hõlmava rakenduse kallal, on need tehnikad hindamatud.

JavaScripti kuupäevade võrdluste mõistmine

Esiliidese skript on loodud selleks, et võrrelda kahte kasutaja poolt tekstikastide kaudu sisestatud kuupäeva. The new Date() käsku kasutatakse stringi sisendite teisendamiseks kuupäevaobjektideks. The document.getElementById() käsku kasutatakse väärtuste toomiseks tekstikastidest nende ID-de järgi. Kui kuupäevad on hankitud ja teisendatud, kasutab skript lihtsaid võrdlusoperaatoreid, et kontrollida, kas üks kuupäev on teisest suurem, väiksem või võrdne. Lisaks saadakse praegune kuupäev kasutades new Date() ja võrreldes sisestuskuupäevadega, et teha kindlaks, kas need on minevikus. Nende võrdluste tulemused kuvatakse seejärel hoiatusteadete abil kasutajale.

Taustaprogrammi skript kasutab serveri poolel kuupäevavõrdluste käsitlemiseks Node.js-i koos Express-raamistikuga. See algab Express-rakenduse seadistamisega ja sissetulevate JSON-päringute sõelumisega express.json(). Teekond app.post() käsitleb POST-i päringuid /compare-date lõpp-punktile. Sellel marsruudil eraldatakse kuupäevad päringu kehast ja teisendatakse kuupäevaobjektideks kasutades new Date(), ja võrrelda seda sarnasel viisil eesmise skriptiga. Nende võrdluste tulemused ühendatakse üheks vastusestringiks ja saadetakse kliendile tagasi kasutades res.send(). Seejärel käivitatakse server ja see kuulab pordi 3000 kaudu sissetulevaid ühendusi 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'));

Täpsemate kuupäevade võrdluste uurimine JavaScriptis

Lisaks põhilistele kuupäevavõrdlustele pakub JavaScript täpsemaid tehnikaid ja teeke, mis võivad kuupäevaga manipuleerimist lihtsustada. Üks selline teek on Moment.js, mis pakub rikkalikku API-d kuupäevade sõelumiseks, kinnitamiseks, manipuleerimiseks ja vormindamiseks. Moment.js saab hakkama kuupäevatoimingutega seotud servajuhtumite ja keerukustega, mistõttu on see arendajate jaoks populaarne valik. Moment.js-i abil saate hõlpsalt võrrelda kuupäevi selliste meetoditega nagu isBefore(), isAfter()ja isSame(). Need meetodid parandavad loetavust ja vähendavad teie koodis esinevate vigade võimalust.

Teine võimas tööriist kuupäevade võrdlemiseks JavaScriptis on Intl.DateTimeFormat objekt, mis võimaldab kuupäeva vormingut lokaaditundlikul viisil. See võib olla eriti kasulik rahvusvaheliste rakenduste puhul, kus kuupäevavormingud erinevad. Lisaks on JavaScript sisseehitatud Date objektil on sellised meetodid nagu getTime() ja valueOf() mis tagastavad millisekundite arvu alates Unixi ajastust, pakkudes lihtsat viisi kuupäevade arvuliseks võrdlemiseks. Need meetodid koos selliste tehnikatega nagu korduvkasutatavate funktsioonide loomine kuupäevade võrdlemiseks võivad märkimisväärselt suurendada teie koodi töökindlust ja hooldatavust.

Kuupäevade võrdlemise tehnikate kokkuvõte JavaScriptis

JavaScriptis kuupäevadega töötamisel on nende täpne võrdlemine erinevate rakenduste jaoks ülioluline. Kuupäevaobjekti abil saavad arendajad hõlpsasti teisendada kuupäevastringe võrreldavateks objektideks. Lihtsad võrdlusoperaatorid, nagu > ja <, saavad määrata, kas üks kuupäev on teisest suurem või väiksem. Täiustatud tööriistad, nagu Moment.js, pakuvad keerukamate stsenaariumide jaoks selliseid meetodeid nagu isBefore() ja isAfter(). Lisaks tagab taustaprogrammis Node.js-iga kuupäevavõrdluste käsitlemine kuupäevateabe järjepideva valideerimise ja töötlemise rakenduse eri osades.