JavaScript-programma om de datum te formatteren

In dit voorbeeld leert u een JavaScript-programma te schrijven dat een datum opmaakt.

Om dit voorbeeld te begrijpen, moet u kennis hebben van de volgende JavaScript-programmeeronderwerpen:

  • JavaScript if… else Statement
  • JavaScript Datum en tijd

Voorbeeld 1: Formatteer de datum

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

Uitvoer

 26-08-2020 26-08-2020 26-08-2020 26-08-2020

In het bovenstaande voorbeeld

1. Het new Date()object geeft de huidige datum en tijd.

 let currentDate = new Date(); console.log(currentDate); // Output // Wed Aug 26 2020 10:45:25 GMT+0545 (+0545)

2. De getDate()methode retourneert de dag vanaf de opgegeven datum.

 let day = currentDate.getDate(); console.log(day); // 26

3. De getMonth()methode retourneert de maand vanaf de opgegeven datum.

 let month = currentDate.getMonth() + 1; console.log(month); // 8

4. Er wordt 1 aan de getMonth()methode toegevoegd omdat de maand begint bij 0 . Daarom is januari 0 , februari 1 , enzovoort.

5. getFullYear()Geeft als resultaat het jaar vanaf de opgegeven datum.

 let year = currentDate.getFullYear(); console.log(year); // 2020

Vervolgens kunt u de datum in verschillende formaten weergeven.

Interessante artikelen...