Πρόγραμμα JavaScript για τη μορφοποίηση της ημερομηνίας

Σε αυτό το παράδειγμα, θα μάθετε να γράφετε ένα πρόγραμμα JavaScript που θα μορφοποιεί μια ημερομηνία.

Για να κατανοήσετε αυτό το παράδειγμα, θα πρέπει να γνωρίζετε τις ακόλουθες ενότητες προγραμματισμού JavaScript:

  • JavaScript αν… αλλιώς Δήλωση
  • Ημερομηνία και ώρα JavaScript

Παράδειγμα 1: Μορφοποιήστε την ημερομηνία

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

Παραγωγή

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

Στο παραπάνω παράδειγμα,

1. Το new Date()αντικείμενο δίνει την τρέχουσα ημερομηνία και ώρα.

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

2. Η getDate()μέθοδος επιστρέφει την ημέρα από την καθορισμένη ημερομηνία.

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

3. Η getMonth()μέθοδος επιστρέφει το μήνα από την καθορισμένη ημερομηνία.

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

4. 1 προστίθεται στη getMonth()μέθοδο επειδή ο μήνας ξεκινά από 0 . Ως εκ τούτου, ο Ιανουάριος είναι 0 , ο Φεβρουάριος είναι 1 και ούτω καθεξής.

5. getFullYear()Επιστρέφει το έτος από την καθορισμένη ημερομηνία.

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

Στη συνέχεια, μπορείτε να εμφανίσετε την ημερομηνία σε διαφορετικές μορφές.

ενδιαφέροντα άρθρα...