Tässä esimerkissä opit kirjoittamaan JavaScript-ohjelman, joka muotoilee päivämäärän.
Tämän esimerkin ymmärtämiseksi sinulla on oltava tieto seuraavista JavaScript-ohjelmoinnin aiheista:
- JavaScript jos… muuten lausunto
- JavaScript-päivämäärä ja -aika
Esimerkki 1: Muotoile päivämäärä
// program to format the date // get current date let currentDate = new Date(); // get the day from the date let day = currentDate.getDate(); // get the month from the date // + 1 because month starts from 0 let month = currentDate.getMonth() + 1; // get the year from the date let year = currentDate.getFullYear(); // if day is less than 10, add 0 to make consistent format if (day < 10) ( day = '0' + day; ) // if month is less than 10, add 0 if (month < 10) ( month = '0' + month; ) // display in various formats const formattedDate1 = month + '/' + day + '/' + year; console.log(formattedDate1); const formattedDate2 = month + '-' + day + '-' + year; console.log(formattedDate2); const formattedDate3 = day + '-' + month + '-' + year; console.log(formattedDate3); const formattedDate4 = day + '/' + month + '/' + year; console.log(formattedDate4);
Tuotos
26.8.2014 26.8.2020 26.8.2014 26.8.20120
Yllä olevassa esimerkissä
1. new Date()
Kohde antaa nykyisen päivämäärän ja kellonajan.
let currentDate = new Date(); console.log(currentDate); // Output // Wed Aug 26 2020 10:45:25 GMT+0545 (+0545)
2. getDate()
Menetelmä palauttaa päivän määritetystä päivästä.
let day = currentDate.getDate(); console.log(day); // 26
3. getMonth()
Menetelmä palauttaa kuukauden määritetystä päivämäärästä.
let month = currentDate.getMonth() + 1; console.log(month); // 8
4. 1 lisätään getMonth()
menetelmään, koska kuukausi alkaa 0: sta . Siksi tammikuu on 0 , helmikuu on 1 ja niin edelleen.
5. getFullYear()
Palauttaa vuoden määritetystä päivämäärästä.
let year = currentDate.getFullYear(); console.log(year); // 2020
Sitten voit näyttää päivämäärän eri muodoissa.