Kuupäevade vormindamine JavaScriptis: kuidas teisendada kuupäevaobjekti stringiks

Kuupäevavormingu valdamine JavaScriptis

Kuupäevade vormindamine JavaScriptis on arendajatele tavaline nõue. Olenemata sellest, kas loote kasutajaliidest või töötate taustaandmetega, on kuupäevade esitamine inimesele loetavas vormingus hädavajalik. JavaScript pakub mitut võimalust kuupäevade vormindamiseks, muutes selle mitmekülgseks valikuks erinevate rakenduste jaoks.

Selles juhendis uurime, kuidas vormindada JavaScripti kuupäevaobjekti stringina, täpsemalt vormingus: 10-aug-2010. Selle õpetuse lõpuks on teil teadmisi, kuidas oma JavaScripti projektides kuupäevavormingut tõhusalt käsitleda.

JavaScripti kuupäevavormingu skriptide mõistmine

Kaasasolevad skriptid näitavad, kuidas JavaScripti vormindada Date objekti stringiks soovitud vormingus "10-aug-2010". Esiosa skript kasutab toLocaleDateString meetod, mis vormindab kuupäeva vastavalt lokaadipõhistele tavadele ja tagastab selle stringina. See meetod on väga mitmekülgne, võimaldades arendajatel määrata erinevaid vormindamisvalikuid. Sel juhul kasutame päeva, lühendatud kuu ja neljakohalise aasta saamiseks valikuid { päev: '2-kohaline', kuu: 'lühike', aasta: 'numbriline' }. The replace meetodit kasutatakse seejärel tühikute asendamiseks sidekriipsudega, saavutades soovitud lõpliku vormingu. Esitatud näide näitab, kuidas luua a Date objekti 10. augustiks 2010 ja vormindage see funktsiooni abil õigesti.

Taustaprogrammi skript võimendab Node.js ja Express raamistik, et luua lihtne server, mis vormistab kuupäeva ja saadab selle vastusena. The require käsku kasutatakse vajalike moodulite importimiseks. The express funktsioon initsialiseerib Expressi rakenduse ja app.get määrab GET-päringute jaoks marsruudi töötleja. Selles käitlejas on formatDate funktsioon kutsutakse välja kuupäeva vormindamiseks ja vormindatud kuupäev saadetakse vastusena kasutades res.send. Lõpuks app.listen käivitab serveri määratud pordis ja kuulab sissetulevaid ühendusi. See skript näitab, kuidas kuupäevavormingut saab integreerida serveripoolsesse rakendusse, võimaldades vormindatud kuupäevi dünaamiliselt esitada.

// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
  const options = { day: '2-digit', month: 'short', year: 'numeric' };
  return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}

// Example usage
const date = new Date(2010, 7, 10); // 10-Aug-2010
const formattedDate = formatDate(date);
console.log(formattedDate); // Output: 10-Aug-2010

const express = require('express');
const app = express();
const port = 3000;

// Function to format date as 'DD-MMM-YYYY'
function formatDate(date) {
  const options = { day: '2-digit', month: 'short', year: 'numeric' };
  return date.toLocaleDateString('en-GB', options).replace(/ /g, '-');
}

app.get('/formatted-date', (req, res) => {
  const date = new Date(2010, 7, 10); // 10-Aug-2010
  const formattedDate = formatDate(date);
  res.send(`Formatted Date: ${formattedDate}`);
});

app.listen(port, () => {
  console.log(`Server running at http://localhost:${port}`);
});

Täpsemad kuupäevavormingu tehnikad JavaScriptis

Peale kasutamist toLocaleDateString ja põhiline stringi asendamine, JavaScript pakub mitmeid muid meetodeid kuupäeva vormindamiseks, pakkudes arendajatele suuremat paindlikkust. Üks selline meetod on Intl.DateTimeFormat, võimas tööriist, mis on kasutusele võetud ECMAScripti rahvusvahelistumise API-ga, mis võimaldab täpset kontrolli kuupäevade ja kellaaegade vormingu üle. The Intl.DateTimeFormat Objekt võimaldab arendajatel määrata lokaadi ja vormingu valikuid, andes ühtseid tulemusi erinevates keskkondades. See meetod on eriti kasulik, kui töötate mitme lokaadi või kohandatud kuupäeva- ja kellaajavorminguga, mida otseselt ei toetata toLocaleDateString.

Teine võimalus kaaluda on selliste teekide kasutamine nagu moment.js või date-fns. Need teegid pakuvad ulatuslikumat tööriistakomplekti kuupäevade manipuleerimiseks ja vormindamiseks, lihtsustades keerukaid kuupäevatoiminguid. Näiteks, moment.js võimaldab teil vormindada kuupäevi lihtsa ja intuitiivse süntaksi abil, näiteks moment(date).format('DD-MMM-YYYY'), mis toodab otse soovitud vormingu. Kuigi natiivsed meetodid sobivad põhivajaduste rahuldamiseks, on need teegid hindamatud rakenduste jaoks, mis nõuavad ulatuslikku kuupäevatöötlust ja vormindamisvõimalusi.