Datumu formatēšana JavaScript: kā konvertēt datuma objektu par virkni

Datuma formatēšanas apgūšana JavaScript

Datumu formatēšana JavaScript ir izplatīta prasība izstrādātājiem. Neatkarīgi no tā, vai veidojat lietotāja saskarni vai strādājat ar aizmugures datiem, datumu attēlošana cilvēkiem lasāmā formātā ir būtiska. JavaScript nodrošina vairākus veidus, kā formatēt datumus, padarot to par daudzpusīgu izvēli dažādām lietojumprogrammām.

Šajā rokasgrāmatā mēs izpētīsim, kā formatēt JavaScript datuma objektu kā virkni, īpaši šādā formātā: 10-Aug-2010. Līdz šīs apmācības beigām jūs iegūsit zināšanas, lai efektīvi apstrādātu datuma formatēšanu savos JavaScript projektos.

Izpratne par datuma formatēšanas skriptiem JavaScript

Piedāvātie skripti parāda, kā formatēt JavaScript Date objektu virknē vēlamajā formātā "10-Aug-2010". Priekšgala skripts izmanto toLocaleDateString metode, kas formatē datumu atbilstoši lokalizācijai specifiskām konvencijām un atgriež to kā virkni. Šī metode ir ļoti daudzpusīga, ļaujot izstrādātājiem norādīt dažādas formatēšanas opcijas. Šajā gadījumā mēs izmantojam opcijas {diena: '2-ciparu', mēnesis: 'īss', gads: 'ciparu'}, lai iegūtu dienu, saīsinātu mēnesi un četrciparu gadu. The replace metode tiek izmantota, lai aizstātu atstarpes ar defisēm, panākot galīgo vēlamo formātu. Sniegtais piemērs parāda, kā izveidot a Date objektu 2010. gada 10. augustam un pareizi formatējiet to, izmantojot funkciju.

Aizmugursistēmas skripts izmanto Node.js un Express sistēmu, lai izveidotu vienkāršu serveri, kas formatē datumu un nosūta to kā atbildi. The require komanda tiek izmantota nepieciešamo moduļu importēšanai. The express funkcija inicializē Express lietojumprogrammu un app.get definē maršruta apstrādātāju GET pieprasījumiem. Šajā apdarinātājā formatDate funkcija tiek izsaukta, lai formatētu datumu, un formatētais datums tiek nosūtīts kā atbilde, izmantojot res.send. Visbeidzot, app.listen startē serveri noteiktā portā un klausās ienākošos savienojumus. Šis skripts parāda, kā datuma formatējumu var integrēt servera puses lietojumprogrammā, kas ļauj dinamiski apkalpot formatētus datumus.

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

Uzlabotas datuma formatēšanas metodes JavaScript

Papildus izmantošanai toLocaleDateString un pamata virkņu aizstāšana, JavaScript piedāvā dažādas citas metodes datuma formatēšanai, nodrošinot izstrādātājiem lielāku elastību. Viena no šādām metodēm ir Intl.DateTimeFormat, jaudīgs rīks, kas ieviests ar ECMAScript internacionalizācijas API, kas ļauj precīzi kontrolēt datumu un laika formātu. The Intl.DateTimeFormat objekts ļauj izstrādātājiem norādīt lokalizācijas un formatēšanas opcijas, nodrošinot konsekventus rezultātus dažādās vidēs. Šī metode ir īpaši noderīga, strādājot ar vairākām lokalizācijām vai pielāgotiem datuma un laika formātiem, ko tieši neatbalsta toLocaleDateString.

Vēl viena pieeja, kas jāapsver, ir izmantot tādas bibliotēkas kā moment.js vai date-fns. Šīs bibliotēkas nodrošina plašāku rīku komplektu datu manipulēšanai un formatēšanai, vienkāršojot sarežģītas datuma darbības. Piemēram, moment.js ļauj formatēt datumus, izmantojot vienkāršu un intuitīvu sintaksi, piemēram, moment(date).format('DD-MMM-YYYY'), kas tieši rada vajadzīgo formātu. Lai gan vietējās metodes ir piemērotas pamatvajadzībām, šīs bibliotēkas ir nenovērtējamas lietojumprogrammām, kurām ir nepieciešamas plašas datu apstrādes un formatēšanas iespējas.