Αφήστε τη βιβλιοθήκη Luxon να αντέξει το φορτίο χειρισμού ημερομηνίας και ώρας για τις εφαρμογές σας JavaScript.

Μπορείτε να χρησιμοποιήσετε τη JavaScript για να δημιουργήσετε δυναμικές εφαρμογές web και εφαρμογές που εκτελούνται σε άλλα περιβάλλοντα, συμπεριλαμβανομένης της επιφάνειας εργασίας. Πολλές εφαρμογές πρέπει να χειρίζονται ημερομηνίες και ώρες, από προγραμματιστές και εφαρμογές συνομιλίας έως εφαρμογές κρατήσεων συμβάντων.

Η Luxon προσφέρει μια ανώτερη εναλλακτική λύση στην εγγενή JavaScript Ημερομηνία αντικείμενο, με πιο φιλικούς προς το χρήστη, αξιόπιστους τρόπους χειρισμού λειτουργιών ημερομηνίας και ώρας.

Εγκατάσταση Luxon

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

Για να εγκαταστήσετε το Luxon σε ένα έργο Node.js, εκτελέστε την ακόλουθη εντολή npm στο τερματικό σας:

instagram viewer 
npm εγκατάσταση --save luxon

Χρησιμοποιήστε τη βιβλιοθήκη στο αρχείο JavaScript απαιτώντας το luxon:

συνθ { DateTime } = απαιτώ("Λούξον");

Αυτός ο κώδικας χρησιμοποιεί καταστροφή αντικειμένων για την εισαγωγή του Ημερομηνία ώρα τάξη από τη βιβλιοθήκη Luxon και δημιουργήστε μια νέα μεταβλητή Ημερομηνία ώρα αναφορά σε αυτήν την τάξη.

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

Εναλλακτικά, μπορείτε να συμπεριλάβετε το Luxon στην εφαρμογή σας χρησιμοποιώντας α Σύνδεσμος CDN. Για να το κάνετε αυτό, προσθέστε την ακόλουθη σήμανση στο αρχείο HTML σας:

<γραφήsrc=" https://cdn.jsdelivr.net/npm/[email protected]/build/global/luxon.min.js">γραφή>

Χρησιμοποιώντας αυτήν την προσέγγιση, μπορείτε να εκτελέσετε σενάρια χρησιμοποιώντας Λούξον στο σώμα του HTML σας.

Χαρακτηριστικά του Luxon

Το Luxon παρέχει πολλές δυνατότητες, καθιστώντας το ένα πολύτιμο πακέτο για το χειρισμό ημερομηνιών και ωρών σε εφαρμογές JavaScript.

Ολοκληρωμένη χειραγώγηση ημερομηνίας και ώρας

Η Luxon προσφέρει διάφορες μεθόδους για τη δημιουργία, τον χειρισμό και την ανάκτηση ημερομηνιών και ωρών. Η Luxon απλοποιεί εργασίες όπως η προσθήκη ή η αφαίρεση διάρκειων, ο ορισμός συγκεκριμένων στοιχείων ημερομηνίας/ώρας και η εκτέλεση σχετικών υπολογισμών χρόνου.

Μορφοποίηση και τοπική προσαρμογή

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

Υποστήριξη ζώνης ώρας

Με το Luxon, μπορείτε να εργάζεστε αποτελεσματικά με ημερομηνίες και ώρες σε διαφορετικές ζώνες ώρας. Η Luxon παρέχει μεθόδους ρύθμισης και μετατροπής μεταξύ ζωνών ώρας.

Αμετάβλητο Σχέδιο

Η Luxon ακολουθεί ένα αμετάβλητο σχέδιο σχεδίασης, διασφαλίζοντας αυτό Ημερομηνία ώρα τα αντικείμενα είναι αμετάβλητα. Αυτή η προσέγγιση σχεδίασης παρέχει προβλέψιμη και συνεπή συμπεριφορά κατά την εργασία με ημερομηνίες και ώρες.

Εκτεταμένη τεκμηρίωση API

Η τεκμηρίωση API της Luxon είναι πολύ λεπτομερής, καθιστώντας εύκολη την εξερεύνηση και την κατανόηση των διαθέσιμων μεθόδων, επιλογών και λειτουργιών.

Το μάθημα DateTime στο Λούξον

ο Ημερομηνία ώρα Η τάξη στο Λούξον αντιπροσωπεύει μια συγκεκριμένη ημερομηνία και ώρα. Προσφέρει μεθόδους κλάσης και παρουσίασης που σας επιτρέπουν να εκτελείτε διάφορες εργασίες. Αυτές οι εργασίες περιλαμβάνουν τη δημιουργία, την ανάλυση, την ανάκτηση, την τροποποίηση και τη μορφοποίηση ημερομηνιών και ωρών.

Ακολουθούν μερικοί από τους διαφορετικούς τρόπους δημιουργίας μιας νέας παρουσίας της κλάσης Date Time στο Luxon:

  • ο DateTime.local() μέθοδος:
    συνθ dt = DateTime.local(2023, 5, 21, 1, 22, 37, 845);
    Αυτός ο κώδικας δημιουργεί μια νέα παρουσία DateTime χρησιμοποιώντας το DateTime.local() μέθοδος. Η μέθοδος παίρνει επτά ορίσματα που αντιπροσωπεύουν τις τιμές έτους, μήνα, ημέρας, ώρας, λεπτού, δευτερολέπτου και χιλιοστού του δευτερολέπτου της ημερομηνίας και της ώρας που θέλετε να δημιουργήσετε.
  • ο DateTime.fromJSDate() μέθοδος:
    συνθ τώρα = νέοςΗμερομηνία();
    συνθ dt = DateTime.fromJSDate (τώρα);
    Ο κώδικας δημιουργεί ένα νέο Ημερομηνία εγγενούς JavaScript παράδειγμα και το περνάει στο DateTime.fromJSDate() μέθοδος. Αυτή η μέθοδος επιστρέφει ένα αντικείμενο DateTime που αντιπροσωπεύει την ίδια ημερομηνία και ώρα.
  • ο DateTime.fromObject() μέθοδος:
    συνθ dt = DateTime.fromObject({
     έτος: 2023,
     μήνας: 1,
     ημέρα: 1,
     ώρα: 0,
     λεπτό:0,
     δεύτερος: 0,
     μιλιδευτερόλεπτο: 0
    });
    Αυτό το μπλοκ κώδικα δείχνει πώς να δημιουργήσετε μια νέα παρουσία DateTime χρησιμοποιώντας το DateTime.fromObject() μέθοδος. Η μέθοδος παίρνει ένα αντικείμενο με ιδιότητες που αντιπροσωπεύουν τις τιμές έτους, μήνα, ημέρας, ώρας, λεπτού, δευτερολέπτου και χιλιοστού του δευτερολέπτου της ημερομηνίας και της ώρας που θέλετε να δημιουργήσετε.
  • Χρησιμοποιώντας την DateTime.now() μέθοδος:
    συνθ dt = DateTime.now();
    Αυτό το μπλοκ κώδικα δείχνει πώς να δημιουργήσετε μια νέα παρουσία Ημερομηνίας Ώρας χρησιμοποιώντας το DateTime.now() μέθοδος. Η μέθοδος επιστρέφει μια νέα παρουσία DateTime που αντιπροσωπεύει την τρέχουσα ημερομηνία και ώρα στην τοπική ζώνη ώρας.

Μορφοποίηση αντικειμένων DateTime σε συμβολοσειρές

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

ISO 8601

Η μορφή ISO 8601 χρησιμοποιείται ευρέως για τυποποιημένη αναπαράσταση ημερομηνίας και ώρας. Για να μορφοποιήσετε ένα Ημερομηνία ώρα αντικείμενο ως συμβολοσειρά ISO 8601, χρησιμοποιήστε το toISO() μέθοδος:

συνθ now = DateTime.local();
κονσόλα.log (τώρα.toISO()); // 2023-05-21T15:20:07.936+01:00

Ανθρώπινες αναγνώσιμες μορφές

Η Luxon υποστηρίζει μορφές αναγνώσιμες από τον άνθρωπο τις οποίες μπορείτε να προσαρμόσετε για τοπικές γλώσσες. Μπορείτε να μορφοποιήσετε ένα Ημερομηνία ώρα αντικείμενο σε μια ανθρώπινα αναγνώσιμη συμβολοσειρά με το toLocaleString() μέθοδος:

συνθ now = DateTime.local();
κονσόλα.log (τώρα.toLocaleString()); // 5/21/2023

Μορφοποίηση βάσει διακριτικών

Η μορφοποίηση που βασίζεται σε διακριτικά σάς επιτρέπει να μορφοποιήσετε την ημερομηνία και την ώρα σε προσαρμοσμένες συμβολοσειρές χρησιμοποιώντας σύμβολα κράτησης θέσης που ονομάζονται διακριτικά. Για να μορφοποιήσετε ένα Ημερομηνία ώρα αντικείμενο χρησιμοποιώντας διακριτικά, χρησιμοποιήστε το toFormat() μέθοδος:

συνθ now = DateTime.local();
κονσόλα.log (now.toFormat("εεεε-ΜΜ-ηη ΩΩ: μμ: δδ")); //2023-05-21 15:16:57

Στο παραπάνω παράδειγμα, η συμβολοσειρά μορφοποίησης εεε-ΜΜ-ηη ΩΩ: μλ: σσ αντιπροσωπεύει την επιθυμητή μορφή εξόδου. Οι μάρκες εεεε, ΜΜ, δδ, HH, mm, και σσ αντιστοιχούν στο έτος, μήνα, ημέρα, ώρα, λεπτό και δευτερόλεπτο του Ημερομηνία ώρα αντικείμενο, αντίστοιχα.

Το Luxon σάς επιτρέπει να εκτελείτε ένα ευρύ φάσμα αναπαραστάσεων ημερομηνίας και ώρας παρέχοντας ένα εκτεταμένο σύνολο κουπονιών.

Ανάλυση και επικύρωση ημερομηνιών και ωρών στο Λούξον

Η Luxon παρέχει ισχυρές μεθόδους ανάλυσης και επικύρωσης ημερομηνιών και ωρών. Αυτές οι δυνατότητες είναι χρήσιμες για εργασίες όπως η επικύρωση εισόδου χρήστη ή η μετατροπή αναπαραστάσεων συμβολοσειρών ημερομηνιών και ωρών σε Ημερομηνία ώρα αντικείμενα.

Η μέθοδος fromFormat().

ο fromFormat() Η μέθοδος σάς επιτρέπει να αναλύετε μια παράσταση συμβολοσειράς μιας ημερομηνίας και ώρας και τη μετατρέπει σε α Ημερομηνία ώρα αντικείμενο. Χρειάζονται δύο ορίσματα, τη συμβολοσειρά εισόδου και μια συμβολοσειρά μορφής που καθορίζει τη μορφή εισόδου.

Για παράδειγμα:

DateTime.fromFormat("25 Μαΐου 2023", "LLLL ηη εεε")

Επικύρωση ημερομηνιών και ωρών με τη μέθοδο isValid

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

Όπως έτσι:

συνθ invalidDate = DateTime.fromObject({ έτος: 2022, μήνας: 2, ημέρα: 29 });
κονσόλα.log (invalidDate.isValid); // ψευδής
συνθ validDate = DateTime.fromObject({ έτος: 2022, μήνας: 2, ημέρα: 28 });
κονσόλα.log (validDate.isValid); // αληθές

Στο παράδειγμα, το πρώτο Ημερομηνία ώρα Το αντικείμενο αντιπροσωπεύει μια μη έγκυρη ημερομηνία επειδή η 29η Φεβρουαρίου 2022 δεν είναι έγκυρη. Το δεύτερο Ημερομηνία ώρα Το αντικείμενο αντιπροσωπεύει μια έγκυρη ημερομηνία 28 Φεβρουαρίου 2022.

Οι λειτουργίες ανάλυσης και επικύρωσης στο Luxon σάς βοηθούν να χειρίζεστε με ακρίβεια ημερομηνίες και ώρες, να επικυρώνετε εισόδους και να παρέχετε αξιόπιστες αναπαραστάσεις δεδομένων ημερομηνίας και ώρας.

Εναλλακτικές λύσεις για το Luxon

Έχετε μάθει πώς να δημιουργείτε, να μορφοποιείτε και να επικυρώνετε παρουσίες ημερομηνίας και ώρας με το Luxon. Αυτές οι συμβουλές θα σας βοηθήσουν κατά τη δημιουργία εφαρμογών ιστού που απαιτούν χειρισμό ημερομηνίας και ώρας.

Μπορείτε επίσης να χρησιμοποιήσετε άλλα πακέτα JavaScript για να επιτύχετε χειρισμό ημερομηνίας και ώρας στις εφαρμογές ιστού σας, συμπεριλαμβανομένων των Day.js και Date.fns. Αυτά τα πακέτα έχουν τα πλεονεκτήματα και τα μειονεκτήματά τους και θα πρέπει να βασίσετε τις προτιμήσεις σας στις συγκεκριμένες ανάγκες σας.