Μορφοποίηση Ημερομηνίας σε JavaScript
Ας μάθουμε τώρα πώς να εμφανίζουμε την ημερομηνία σε μια συγκεκριμένη μορφή. Ας πούμε, για παράδειγμα, ότι θέλουμε να εμφανίσουμε στην οθόνη την τρέχουσα ημέρα, μήνα και έτος στη μορφή έτος-μήνας-ημέρα.
Ας το κάνουμε:
let date = new Date();
console.log(date.getFullYear() + '-' + date.getMonth() + '-' + date.getDate());
Ο κώδικάς μας, ωστόσο, έχει ένα πρόβλημα: οι αριθμοί των μηνών θα ξεκινούν από το μηδέν, ενώ εμείς, πιο πιθανό, θα θέλαμε να ξεκινούν από το ένα.
Ας διορθώσουμε το πρόβλημα:
let date = new Date();
console.log(date.getFullYear() + '-' + (date.getMonth() + 1) + '-' + date.getDate());
Ο κώδικάς μας, ωστόσο, ακόμη δεν είναι τέλειος.
Αλλά αυτό μπορεί να γίνει αντιληπτό μόνο σε συγκεκριμένους
μήνες και συγκεκριμένες ημέρες. Ας πούμε, για παράδειγμα,
ότι τώρα είναι 5 Μαρτίου 2020.
Σε αυτήν την περίπτωση, η ημερομηνία μας θα εμφανιστεί στη μορφή 2020-3-5. Ενώ εμείς θα θέλαμε η ημερομηνία να εμφανίζεται στη μορφή 2020-03-05 - με μηδενικά μπροστά από τους αριθμούς ημερών και μηνών που έχουν ένα ψηφίο.
Για να λύσουμε το πρόβλημα, ας γράψουμε μια συνάρτηση addZero,
που θα προσθέτει μηδενικά μπροστά από αριθμούς
από 0 έως 9:
function addZero(num) {
if (num >= 0 && num <= 9) {
return '0' + num;
} else {
return num;
}
}
Ας εφαρμόσουμε τη δημιουργημένη συνάρτηση και τώρα πραγματικά θα πάρουμε την ημερομηνία στη μορφή που θέλουμε:
let date = new Date();
console.log(
addZero(date.getFullYear()) + '-' +
addZero(date.getMonth() + 1) + '-' +
addZero(date.getDate())
);
Εμφανίστε στην οθόνη την τρέχουσα ημερομηνία-ώρα στη μορφή 12:59:59 31.12.2014. Χρησιμοποιήστε για όλα τα μέρη της ημερομηνίας (εκτός από το έτος) τη συνάρτησή μας για προσθήκη μηδενικού εάν είναι απαραίτητο.