TypeScript:
Päivämäärän muuntaminen merkkijonoksi
How to:
“Kuinka tehdä se:”
const date: Date = new Date();
// ISO-stringiksi (ISO 8601 -muotoinen päivämäärä ja aika UTC:ssä)
const isoString: string = date.toISOString();
console.log(isoString); // Esim. "2023-03-15T12:34:56.789Z"
// Paikallinen aikavyöhyke, lyhyt muoto
const shortLocaleString: string = date.toLocaleDateString('fi-FI');
console.log(shortLocaleString); // Esim. "15.3.2023"
// Paikallinen aikavyöhyke, kokonainen muoto
const longLocaleString: string = date.toLocaleString('fi-FI');
console.log(longLocaleString); // Esim. "15.3.2023 klo 14.34.56"
// Määritellyt optiot
const customString: string = date.toLocaleString('fi-FI', {
weekday: 'long',
year: 'numeric',
month: 'long',
day: 'numeric'
});
console.log(customString); // Esim. "keskiviikkona 15. maaliskuuta 2023"
Deep Dive
“Syväsukellus”:
Päivämäärien muunto merkkijonoksi on ollut tarpeen, kun tiedot on haluttu esittää käyttäjälle ymmärrettävässä muodossa tai lähetettäessä päivämääriä eri järjestelmien välillä. JavaScriptin Date
-olio tarjoaa perustan, jonka päälle TypeScript rakentuu. Vaihtoehtoina ovat mm. kirjastot kuten Moment.js tai Date-fns, jotka tarjoavat lisäominaisuuksia ja formaatteja.
TypeScriptissä käytetään yleensä JavaScriptin Date
-oliota, koska TypeScript on JavaScriptin superset ja kirjoitusten tyypitys tuo lisäturvaa. Kun käytät toLocaleString
-metodia, saat muunnettua päivämäärän helposti alueelliseen esitysmuotoon. Muuttujia voit muuttaa antamalla erilaisia argumentteja, kuten locales
ja options
. toISOString
puolestaan luo yleisesti käytetyn, standardin UTC-aikaan perustuvan merkkijonon.
See Also
“Katso myös”:
- MDN Web Docs Date reference: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date
- TypeScript official documentation: https://www.typescriptlang.org/docs/
- Date-fns documentation: https://date-fns.org/
- Moment.js home page: https://momentjs.com/
Muista, että käytänteet ja työkalut kehittyvät, joten pidä taitosi ajantasalla tutustumalla uusiin resursseihin ja päivitettyyn dokumentaatioon.