Ο χρόνος παίζει ουσιαστικό ρόλο στον προγραμματισμό. Η επεξεργασία και η εμφάνιση της ώρας και της ημερομηνίας ειδικότερα μπορεί να δημιουργήσει διάφορες προκλήσεις. Σε αυτό το άρθρο, θα επικεντρωθούμε στο αντικείμενο Date της JavaScript, το οποίο σας επιτρέπει να καθορίζετε και να εργάζεστε με τον χρόνο. Θα μάθουμε πώς να δημιουργούμε αντικείμενα ημερομηνίας, τους διαφορετικούς τρόπους επεξεργασίας της ώρας και της ημερομηνίας και τις σημαντικές μεθόδους του αντικειμένου ημερομηνίας. Οι γνώσεις αυτές θα σας βοηθήσουν να υλοποιήσετε ακριβείς προδιαγραφές χρόνου στις εφαρμογές σας.
Βασικά συμπεράσματα
- Το αντικείμενο Date στην JavaScript εμφανίζει τον χρόνο που έχει περάσει από την 1η Ιανουαρίου 1970.
- Μπορείτε να ενσαρκώνετε αντικείμενα ημερομηνίας όχι μόνο για την τρέχουσα ώρα, αλλά και για συγκεκριμένες χρονικές στιγμές.
- Υπάρχουν διάφορες μέθοδοι getter για την ανάκτηση συγκεκριμένων τμημάτων της ημερομηνίας και της ώρας, όπως το έτος, ο μήνας, η ημέρα, οι ώρες και τα λεπτά.
Βήμα προς βήμα οδηγίες
Δημιουργία ενός αντικειμένου ημερομηνίας
Ας ξεκινήσουμε με τη δημιουργία ενός απλού αντικειμένου ημερομηνίας. Αυτό μπορείτε να το κάνετε χρησιμοποιώντας την κλάση Date. Δημιουργήστε μια μεταβλητή, για παράδειγμα now, και αρχικοποιήστε την με την new Date(). Αυτό θα σας δώσει την τρέχουσα ημερομηνία και ώρα. Για να δείτε το αποτέλεσμα, μπορείτε να εξάγετε αυτή τη μεταβλητή με την εντολή document.write, για παράδειγμα.
Έξοδος της τρέχουσας ημερομηνίας
Ανανεώστε τη σελίδα και θα δείτε τι πληροφορίες παρέχει το αντικείμενο Date. Παίρνετε πληροφορίες για την ημέρα της εβδομάδας, τον μήνα, την ημέρα και το έτος, καθώς και την ακριβή ώρα και τη ζώνη ώρας. Αυτή η έξοδος σας δείχνει με απλό τρόπο πώς μπορείτε να εξάγετε τις πληροφορίες από το αντικείμενο Date.
Δημιουργία μιας ημερομηνίας με συγκεκριμένες τιμές
Ας δούμε τώρα πώς μπορείτε να δημιουργήσετε μια ημερομηνία με συγκεκριμένες τιμές. Αν θέλετε να ορίσετε μια συγκεκριμένη ημερομηνία, το κάνετε αυτό χρησιμοποιώντας τη new Date(...). Ξεκινήστε με το έτος, ακολουθούμενο από το μήνα και την ημέρα. Σημειώστε ότι οι μήνες ξεκινούν από το μηδέν. Αυτό σημαίνει ότι ο Ιανουάριος είναι 0 και ο Δεκέμβριος είναι 11.
Προσθήκη χρόνου σε ένα αντικείμενο ημερομηνίας
Εκτός από τις ημερομηνίες, μπορείτε επίσης να προσθέσετε πληροφορίες χρόνου. Αν θέλετε να δημιουργήσετε μια ώρα, μπορείτε να καθορίσετε τις ώρες, τα λεπτά και τα δευτερόλεπτα κατά τη δημιουργία της ημερομηνίας. Για παράδειγμα, μπορείτε να προσθέσετε 15:13 μ.μ. και 10 δευτερόλεπτα. Αυτή η επέκταση σας επιτρέπει να ορίσετε την ημερομηνία με ακρίβεια.
Έξοδος της τρέχουσας ώρας σε γερμανική μορφή
Τώρα χρησιμοποιούμε τη λειτουργία ημερομηνίας για την έξοδο της τρέχουσας ώρας σε γερμανική μορφή. Εδώ μπορείτε να χρησιμοποιήσετε τις μεθόδους getter για να ζητήσετε την ώρα, την ημέρα, τον μήνα και το έτος. Ο στόχος είναι να δημιουργήσουμε ένα μήνυμα που θα εμφανίζεται από μια ειδοποίηση μετά την επαναφόρτωση της σελίδας, το οποίο θα εμφανίζει την τρέχουσα ημερομηνία.
Διόρθωση του δείκτη μήνα
Απευθείας από το προηγούμενο παράδειγμα, είναι σημαντικό να σημειωθεί ότι πρέπει να προσθέσετε +1 στον μήνα. Καθώς η JavaScript μετράει τους μήνες από 0-11, αυτό το βήμα είναι απαραίτητο για την εμφάνιση του σωστού αριθμού μήνα. Όταν ξεκινήσετε ξανά το σενάριο, βεβαιωθείτε ότι η έξοδος εμφανίζει σωστά τον τρέχοντα μήνα.
Μορφοποίηση πλήρους ημερομηνίας με ώρα
Για να μορφοποιήσετε την ημερομηνία και την ώρα, μπορείτε να συνδυάσετε τις διάφορες μεθόδους getter. Μπορείτε να ζητήσετε την ώρα με την getHours() και τα λεπτά με την getMinutes(). Συνδυάζοντας τις πληροφορίες και μορφοποιώντας τες ανάλογα, μπορείτε να έχετε μια ευανάγνωστη έξοδο που εμφανίζει τόσο την ημερομηνία όσο και την ώρα.
Τελικός έλεγχος της εξόδου
Ελέγξτε την τελική έξοδο για να βεβαιωθείτε ότι όλα λειτουργούν σωστά. Καλό είναι να τη μορφοποιήσετε έτσι ώστε να είναι σαφής και να λαμβάνονται υπόψη τυχόν αιτήματα του χρήστη. Αυτό δίνει στο χρήστη μια θετική εμπειρία κατά την επεξεργασία των πληροφοριών.
Περίληψη - Το ολοκληρωμένο σεμινάριο για το αντικείμενο Date στην JavaScript και την jQuery
Κατά τη διάρκεια αυτού του σεμιναρίου, μάθατε πώς να χρησιμοποιείτε το αντικείμενο Date στη JavaScript για τη διαχείριση τόσο της τρέχουσας ώρας όσο και συγκεκριμένων χρονικών πληροφοριών. Οι διάφορες μέθοδοι getter σας επιτρέπουν να ζητάτε και να εξάγετε ακριβείς τιμές. Με αυτές τις γνώσεις, είστε καλά εξοπλισμένοι για να χρησιμοποιείτε αποτελεσματικά τις πληροφορίες ώρας και ημερομηνίας στις εφαρμογές σας.
Συχνές ερωτήσεις
Πώς μπορώ να εξάγω την τρέχουσα ημερομηνία και ώρα;Μπορείτε να χρησιμοποιήσετε τη new Date() και να ανακτήσετε τις πληροφορίες με μεθόδους getter όπως getHours(), getDate() και getMonth().
Γιατί ο μήνας ξεκινάει από το 0 στη JavaScript;Στη JavaScript, ο δείκτης μήνα βασίζεται στο μηδέν, πράγμα που σημαίνει ότι ο Ιανουάριος έχει την τιμή 0 και ο Δεκέμβριος την τιμή 11.
Πώς μπορώ να δημιουργήσω μια συγκεκριμένη ημερομηνία;χρησιμοποιήστε new Date(year, month, day, hour, minute, second) για να δημιουργήσετε μια συγκεκριμένη ημερομηνία.
Μπορώ να χρησιμοποιήσω το αντικείμενο Date με δευτερόλεπτα;Ναι, μπορείτε να καθορίσετε τα δευτερόλεπτα ως πρόσθετες παραμέτρους κατά τη δημιουργία του αντικειμένου Date.
Ποιες ζώνες ώρας υποστηρίζει το αντικείμενο Date;Το αντικείμενο Date χρησιμοποιεί την τοπική ζώνη ώρας του συστήματος στο οποίο εκτελείται- η ζώνη ώρας μπορεί να μετατραπεί σε ώρα UTC.
