Εισαγωγή στις Ημερομηνίες και Ώρες στο JavaScript

Η εργασία με ημερομηνίες είναι μια σημαντική πτυχή του προγραμματισμού. Το ενσωματωμένο αντικείμενο ημερομηνίας χρησιμοποιείται για εργασία με ημερομηνίες και ώρες σε JavaScript. Οι διάφορες μέθοδοι του αντικειμένου ημερομηνίας κάνουν την εργασία πολύ πιο εύκολη κατά την εργασία με ημερομηνίες και ώρες.

Σε αυτό το άρθρο, θα μάθετε όλα όσα πρέπει να γνωρίζετε σχετικά με την εργασία με ημερομηνίες σε JavaScript. Λοιπόν, χωρίς άλλη καθυστέρηση, ας μπούμε.

Πώς να δημιουργήσετε αντικείμενα ημερομηνίας

Μπορείτε να δημιουργήσετε ένα αντικείμενο ημερομηνίας σε JavaScript χρησιμοποιώντας τους ακόλουθους τέσσερις τρόπους:

1. νέα ημερομηνία()

ο νέα ημερομηνία () ο κατασκευαστής δημιουργεί ένα αντικείμενο ημερομηνίας με την τρέχουσα ημερομηνία και ώρα.

έστω d = new Date();
console.log (d);

Παραγωγή:

Δευτ. Ιαν 03 2022 20:27:58 GMT+0530 (Τυπική ώρα Ινδίας)

2. νέα ημερομηνία (ραντεβού)

ο νέα ημερομηνία (ραντεβού) Ο κατασκευαστής δημιουργεί ένα αντικείμενο ημερομηνίας από μια συμβολοσειρά ημερομηνίας.

έστω d = νέα Ημερομηνία ("2022-01-01");
console.log (d);

Παραγωγή:

Σαβ 01 Ιανουαρίου 2022 05:30:00 GMT+0530 (Τυπική ώρα Ινδίας)

3. νέα ημερομηνία (χιλιοστά του δευτερολέπτου)

ο νέα ημερομηνία (χιλιοστά του δευτερολέπτου) Ο κατασκευαστής δημιουργεί ένα αντικείμενο ημερομηνίας προσθέτοντας τα χιλιοστά του δευτερολέπτου στον χρόνο μηδέν. Η παράμετρος αντιπροσωπεύει το χρόνο που πέρασε σε χιλιοστά του δευτερολέπτου από την 1η Ιανουαρίου 1970 UTC.

έστω d1 = νέα Ημερομηνία (0);
console.log (d1);
έστω d2 = νέα Ημερομηνία (973436457364);
console.log (d2);

Παραγωγή:

Πέμ 1 Ιανουαρίου 1970 05:30:00 GMT+0530 (Τυπική ώρα Ινδίας)
Κυρ 5 Νοεμβρίου 2000 20:30:57 GMT+0530 (Τυπική ώρα Ινδίας)

4. νέα ημερομηνία (έτος, μήνας, ημέρα, ώρες, λεπτά, δευτερόλεπτα, χιλιοστά του δευτερολέπτου)

ο νέα ημερομηνία (έτος, μήνας, ημέρα, ώρες, λεπτά, δευτερόλεπτα, χιλιοστά του δευτερολέπτου) Ο κατασκευαστής δημιουργεί ένα αντικείμενο ημερομηνίας με καθορισμένη ημερομηνία και ώρα. Οι επτά παράμετροι προσδιορίζουν το έτος, τον μήνα, την ημέρα, τις ώρες, τα λεπτά, τα δευτερόλεπτα και τα χιλιοστά του δευτερολέπτου αντίστοιχα.

έστω d = νέα ημερομηνία (2020, 10, 11, 15, 29, 46, 0);
console.log (d);

Παραγωγή:

Τετ. 11 Νοεμβρίου 2020 15:29:46 GMT+0530 (Τυπική ώρα Ινδίας)

Μπορείτε επίσης να δημιουργήσετε ένα αντικείμενο ημερομηνίας με έξι, τέσσερις, τρεις ή δύο παραμέτρους.

α) Οι έξι παράμετροι προσδιορίζουν έτος, μήνα, ημέρα, ώρα, λεπτό και δευτερόλεπτο.

β) Οι πέντε παράμετροι προσδιορίζουν έτος, μήνα, ημέρα, ώρα και λεπτό.

γ) Οι τέσσερις παράμετροι προσδιορίζουν έτος, μήνα, ημέρα και ώρα.

δ) Οι τρεις παράμετροι προσδιορίζουν έτος, μήνα και ημέρα.

ε) Οι δύο παράμετροι προσδιορίζουν έτος και μήνα.

Σημείωση:

• Η JavaScript μετράει μήνες από 0 έως 11, δηλαδή, ο Ιανουάριος αντιπροσωπεύεται από 0 και ο Δεκέμβριος με 11.
• Εάν καθορίσετε τιμές εκτός εύρους στο αντικείμενο Ημερομηνία, δεν θα εμφανίσει σφάλμα, αλλά διορθώνεται αυτόματα.

// Ο Μάρτιος δεν έχει 40 ημέρες, η υπερχείλιση διορθώνεται αυτόματα
έστω d = νέα Ημερομηνία (2020, 2, 40);
console.log (d);

Παραγωγή:

Πέμ. 09 Απρ 2020 00:00:00 GMT+0530 (Τυπική ώρα Ινδίας)

Μέθοδοι λήψης ημερομηνίας JavaScript

Μπορείτε να χρησιμοποιήσετε τις ακόλουθες μεθόδους για να λάβετε πληροφορίες από ένα αντικείμενο ημερομηνίας.

1. getFullYear()

Αυτή η μέθοδος επιστρέφει το έτος ως τετραψήφιο αριθμό (εεεε) σύμφωνα με την τοπική ώρα.

έστω d = new Date();
console.log (d.getFullYear());

Παραγωγή:

2022

2. getMonth()

Αυτή η μέθοδος επιστρέφει τον μήνα ως αριθμό (0-11) σύμφωνα με την τοπική ώρα.

έστω d = new Date();
console.log (d.getMonth());

Παραγωγή:

0

3. getDate()

Αυτή η μέθοδος επιστρέφει την ημέρα ως αριθμό (1-31) σύμφωνα με την τοπική ώρα.

έστω d = new Date();
console.log (d.getDate());

Παραγωγή:

3

Σχετίζεται με: Εισαγωγή στους τύπους δεδομένων στο JavaScript

4. getHours()

Αυτή η μέθοδος επιστρέφει την ώρα (0-23) σύμφωνα με την τοπική ώρα.

έστω d = new Date();
console.log (d.getHours());

Παραγωγή:

22

5. getMinutes()

Αυτή η μέθοδος επιστρέφει το λεπτό (0-59) σύμφωνα με την τοπική ώρα.

έστω d = new Date();
console.log (d.getMinutes());

Παραγωγή:

40

6. getSeconds()

Αυτή η μέθοδος επιστρέφει τη δεύτερη (0-59) σύμφωνα με την τοπική ώρα.

έστω d = new Date();
console.log (d.getSeconds());

Παραγωγή:

30

7. getMilliseconds()

Αυτή η μέθοδος επιστρέφει το χιλιοστό του δευτερολέπτου (0-999) σύμφωνα με την τοπική ώρα.

έστω d = new Date();
console.log (d.getMilliseconds());

Παραγωγή:

55

Σχετίζεται με: JavaScript One-Liners που πρέπει να γνωρίζετε

8. getTime ()

Αυτή η μέθοδος επιστρέφει τον χρόνο σε χιλιοστά του δευτερολέπτου από την 1η Ιανουαρίου 1970.

έστω d = new Date();
console.log (d.getTime());

Παραγωγή:

1641230088884

9. getDay()

Αυτή η μέθοδος επιστρέφει την ημέρα της εβδομάδας ως αριθμό (0-6) σύμφωνα με την τοπική ώρα.

έστω d = new Date();
console.log (d.getDay());

Παραγωγή:

1

Σημείωση: Εάν θέλετε να εργαστείτε με τις ημερομηνίες UTC, μπορείτε να χρησιμοποιήσετε τις ακόλουθες μεθόδους ημερομηνίας: getUTCDate()​​​​​​​, getUTCDay(), getUTCFullYear()​​​​​​​, getUTCHours(), getUTCMilliseconds(), getUTCMinutes(), getUTCMonth(), και getUTCSseconds().

Μέθοδοι καθορισμού ημερομηνιών JavaScript

Μπορείτε να χρησιμοποιήσετε τις ακόλουθες μεθόδους για να ορίσετε ένα μέρος ενός αντικειμένου ημερομηνίας.

1. setDate()

Αυτή η μέθοδος ορίζει την ημέρα ως αριθμό (1-31) για μια καθορισμένη ημερομηνία σύμφωνα με την τοπική ώρα.

έστω d = new Date();
d.setDate (20);
console.log (d);

Παραγωγή:

Πέμ. 20 Ιανουαρίου 2022 22:58:59 GMT+0530 (Τυπική ώρα Ινδίας)

Σχετίζεται με: Μαθηματικές μέθοδοι JavaScript που πρέπει να κατακτήσετε σήμερα

2. setFullYear()

Αυτή η μέθοδος ορίζει το έτος για μια καθορισμένη ημερομηνία σύμφωνα με την τοπική ώρα.

έστω d = new Date();
d.setFullYear (2016);
console.log (d);

Παραγωγή:

Κυρ 3 Ιανουαρίου 2016 23:00:41 GMT+0530 (Τυπική ώρα Ινδίας)

3. setHours()

Αυτή η μέθοδος ορίζει την ώρα (0-23) για μια καθορισμένη ημερομηνία σύμφωνα με την τοπική ώρα.

έστω d = new Date();
d.setHours (15);
console.log (d);

Παραγωγή:

Δευτ. Ιαν 03 2022 15:02:01 GMT+0530 (Τυπική ώρα Ινδίας)

Σχετίζεται με: Πώς να δημιουργήσετε μια απλή αριθμομηχανή χρησιμοποιώντας HTML, CSS και JavaScript

4. setMilliseconds()

Αυτή η μέθοδος ορίζει τα χιλιοστά του δευτερολέπτου (0-999) για μια καθορισμένη ημερομηνία σύμφωνα με την τοπική ώρα.

έστω d = new Date();
d.setMilliseconds (548);
console.log (d);

Παραγωγή:

Δευτ. Ιαν 03 2022 23:04:13 GMT+0530 (Τυπική ώρα Ινδίας)

Ομοίως, μπορείτε να χρησιμοποιήσετε το setMinutes(), setMonth(), και setSeconds() μεθόδους για να ορίσετε τα λεπτά (0-59), τον μήνα (0-11) και τα δευτερόλεπτα (0-59) αντίστοιχα για μια καθορισμένη ημερομηνία σύμφωνα με την τοπική ώρα.

Παράδειγμα τρέχουσας ώρας JavaScript

Ένα απλό παράδειγμα εκτύπωσης της τρέχουσας ώρας του συστήματος:

Αν θέλετε να ρίξετε μια ματιά στον πλήρη πηγαίο κώδικα που χρησιμοποιείται σε αυτό το άρθρο, εδώ είναι το Αποθετήριο GitHub.​​​​​​​

Αναπτύξτε έργα χρησιμοποιώντας τις έννοιες ημερομηνίας της JavaScript

Θα συναντήσετε πολλές περιπτώσεις ημερομηνιών JavaScript ενώ εργάζεστε σε εφαρμογές πραγματικού κόσμου. Εάν θέλετε να ξεκινήσετε με ένα απλό έργο και να αποκτήσετε πρακτική εμπειρία, μπορείτε να αναπτύξετε ένα ψηφιακό ρολόι χρησιμοποιώντας HTML, CSS και JavaScript. Μαζί με τις ημερομηνίες, θα μάθετε επίσης ορισμένες σημαντικές έννοιες JavaScript, όπως η εργασία με μεταβλητές, η χρήση συναρτήσεων, η πρόσβαση και η προσθήκη ιδιοτήτων στο DOM και άλλα.

Πώς να δημιουργήσετε ένα ψηφιακό ρολόι χρησιμοποιώντας HTML, CSS και JavaScript

Κωδικοποιείς μέχρι να σε ενημερώσουν τα πουλιά που κελαηδούν ότι είναι πρωί; Παρακολουθήστε την ώρα με αυτό το προσαρμοσμένο ρολόι.

Διαβάστε Επόμενο

Σχετικά με τον Συγγραφέα