Datų formatavimas „JavaScript“: kaip konvertuoti datos objektą į eilutę

Datos formatavimo įvaldymas JavaScript

Datų formatavimas JavaScript yra įprastas kūrėjų reikalavimas. Nesvarbu, ar kuriate vartotojo sąsają, ar dirbate su vidiniais duomenimis, labai svarbu pateikti datas žmonėms suprantamu formatu. „JavaScript“ suteikia daug būdų formatuoti datas, todėl tai yra universalus pasirinkimas įvairioms programoms.

Šiame vadove išnagrinėsime, kaip suformatuoti „JavaScript“ datos objektą kaip eilutę, konkrečiai tokiu formatu: 2010 m. rugpjūčio 10 d. Pasibaigus šiai mokymo programai, turėsite žinių, kaip efektyviai tvarkyti datos formatavimą „JavaScript“ projektuose.

„JavaScript“ datos formatavimo scenarijų supratimas

Pateikti scenarijai parodo, kaip formatuoti JavaScript Date objektą į norimo formato eilutę „10-Aug-2010“. Frontend scenarijus naudoja toLocaleDateString metodas, kuris formatuoja datą pagal konkrečioms vietoms būdingus susitarimus ir grąžina ją kaip eilutę. Šis metodas yra labai universalus, todėl kūrėjai gali nurodyti įvairias formatavimo parinktis. Šiuo atveju naudojame parinktis { day: '2-digit', month: 'short', year: 'skaitmeninis' }, kad gautume dieną, sutrumpintą mėnesį ir keturių skaitmenų metus. The replace Tada metodas naudojamas tarpams pakeisti brūkšneliais, kad būtų pasiektas galutinis pageidaujamas formatas. Pateiktame pavyzdyje parodyta, kaip sukurti a Date 2010 m. rugpjūčio 10 d. objektą ir teisingai suformatuokite jį naudodami funkciją.

Užpakalinis scenarijus naudojasi Node.js ir Express sistemą, kad sukurtumėte paprastą serverį, kuris formatuoja datą ir siunčia ją kaip atsakymą. The require komanda naudojama reikiamiems moduliams importuoti. The express funkcija inicijuoja Express programą ir app.get apibrėžia maršruto tvarkyklę GET užklausoms. Šiame tvarkytuve formatDate funkcija iškviečiama formatuoti datą, o suformatuota data siunčiama kaip atsakymas naudojant res.send. Pagaliau, app.listen paleidžia serverį nurodytame prievade ir klausosi gaunamų ryšių. Šis scenarijus parodo, kaip datos formatavimą galima integruoti į serverio taikomąją programą, leidžiančią dinamiškai pateikti suformatuotas datas.

// 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}`);
});

Išplėstinė datos formatavimo technika „JavaScript“.

Be naudojimo toLocaleDateString ir pagrindinio eilučių pakeitimo, „JavaScript“ siūlo įvairius kitus datos formatavimo metodus, suteikdama daugiau lankstumo kūrėjams. Vienas iš tokių metodų yra Intl.DateTimeFormat, galingas įrankis, pristatytas su ECMAScript Internacionalizacijos API, leidžiančiu tiksliai valdyti datų ir laiko formatą. The Intl.DateTimeFormat Objektas leidžia kūrėjams nurodyti lokalės ir formatavimo parinktis ir gauti nuoseklius rezultatus įvairiose aplinkose. Šis metodas ypač naudingas dirbant su keliomis vietomis arba pasirinktiniais datos ir laiko formatais, kurių tiesiogiai nepalaiko toLocaleDateString.

Kitas būdas, kurį reikia apsvarstyti, yra naudoti tokias bibliotekas kaip moment.js arba date-fns. Šiose bibliotekose pateikiamas išsamesnis įrankių rinkinys, skirtas datoms valdyti ir formatuoti, supaprastinant sudėtingas datos operacijas. Pavyzdžiui, moment.js leidžia formatuoti datas naudojant paprastą ir intuityvią sintaksę, pvz moment(date).format('DD-MMM-YYYY'), kuri tiesiogiai sukuria norimą formatą. Nors vietiniai metodai tinka pagrindiniams poreikiams, šios bibliotekos yra neįkainojamos programoms, kurioms reikia daug datos manipuliavimo ir formatavimo galimybių.