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.

Pavēli	Apraksts
toLocaleDateString	Formatē datumu atbilstoši lokalizācijai specifiskām konvencijām un atgriež to kā virkni.
replace	Atgriež jaunu virkni, kurā dažas vai visas modeļa atbilstības ir aizstātas ar aizstājēju.
require	Importē Node.js moduļus, piemēram, “express” servera izveidei.
express	Izveido Express lietojumprogrammas gadījumu, ko izmanto tīmekļa serveru veidošanai.
app.get	Definē maršruta apstrādātāju GET pieprasījumiem uz noteiktu ceļu.
app.listen	Startē serveri noteiktā portā un noklausās savienojumus.

Izpratne par datuma formatēšanas skriptiem JavaScript

Piedāvātie skripti parāda, kā formatēt JavaScript objektu virknē vēlamajā formātā "10-Aug-2010". Priekšgala skripts izmanto 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 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 un sistēmu, lai izveidotu vienkāršu serveri, kas formatē datumu un nosūta to kā atbildi. The komanda tiek izmantota nepieciešamo moduļu importēšanai. The express funkcija inicializē Express lietojumprogrammu un definē maršruta apstrādātāju GET pieprasījumiem. Šajā apdarinātājā funkcija tiek izsaukta, lai formatētu datumu, un formatētais datums tiek nosūtīts kā atbilde, izmantojot . 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 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 , jaudīgs rīks, kas ieviests ar ECMAScript internacionalizācijas API, kas ļauj precīzi kontrolēt datumu un laika formātu. The 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ā vai . Šī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, ļ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.

1. Kā formatēt datumu citā lokalizācijā?
2. Izmantojiet metode ar noteiktu lokalizāciju, piemēram .
3. Vai es varu formatēt tikai datuma objekta laika daļu?
4. Jā, izmantojiet lai formatētu laika daļu.
5. Kāds labums no lietošanas ?
6. Tas piedāvā lielāku kontroli pār datuma un laika formatējumu dažādās lokalizācijās.
7. Kā es varu iegūt mēneša nosaukumu no datuma objekta?
8. Izmantot ar opcijām, piemēram .
9. Ir joprojām ir laba izvēle datuma formatēšanai?
10. Kamēr ir novecojis, tas joprojām tiek plaši izmantots. Apsveriet tādas alternatīvas kā .
11. Kā datuma objektam pievienot dienas?
12. Izmantot .
13. Vai es varu formatēt datumu kā ISO virkni?
14. Jā, izmantojiet ISO formātam.
15. Kāds ir noklusējuma datuma formāts JavaScript?
16. Pēc noklusējuma, atgriež datumu formātā .
17. Kā es varu salīdzināt divus datumus JavaScript?
18. Izmantojiet salīdzināšanas operatorus, piemēram .

Pareiza datumu formatēšana JavaScript uzlabo lietotāja pieredzi un nodrošina datu attēlojuma konsekvenci. Šajā rakstā tika sniegti gan priekšgala, gan aizmugursistēmas risinājumi, demonstrējot izmantošanu , , un . Izmantojot šīs metodes un rīkus, izstrādātāji var bez pūlēm sasniegt vēlamo datuma formātu. Izmantojot tādas bibliotēkas kā moment.js un vēl vairāk vienkāršo sarežģītas datuma manipulācijas, padarot JavaScript par spēcīgu izvēli datuma formatēšanas uzdevumu apstrādei.