Überlassen Sie der Luxon-Bibliothek die Last der Datums- und Uhrzeitverwaltung für Ihre JavaScript-Apps.
Mit JavaScript können Sie dynamische Webanwendungen und Anwendungen erstellen, die in anderen Umgebungen, einschließlich dem Desktop, ausgeführt werden. Viele Apps müssen Datums- und Uhrzeitangaben verwalten, von Planern und Chat-Anwendungen bis hin zu Apps zur Veranstaltungsbuchung.
Luxon bietet eine überlegene Alternative zum nativen JavaScript Datum -Objekt mit benutzerfreundlicheren und zuverlässigeren Möglichkeiten zur Handhabung von Datums- und Uhrzeitvorgängen.
Luxon installieren
Sie können Luxon auf verschiedene Arten zu Ihrer JavaScript-App hinzufügen, abhängig von Ihrer bevorzugten Methode. Die beiden gebräuchlichsten Methoden sind die Verwendung npm um die Bibliothek zu installieren oder einen CDN-Link zu verwenden, um die Bibliothek in Ihre Anwendung einzubinden.
Um Luxon in einem Node.js-Projekt zu installieren, führen Sie den folgenden npm-Befehl in Ihrem Terminal aus:
npm install --save luxon
Verwenden Sie die Bibliothek in Ihrer JavaScript-Datei, indem Sie Luxon anfordern:
const { DateTime } = erfordern(„Luxon“);
Dieser Code verwendet Objektzerstörung um die zu importieren Terminzeit Klasse aus der Luxon-Bibliothek und erstellen Sie eine neue Variable Terminzeit Verweisen auf diese Klasse.
Auf diese Weise können Sie Instanzen von Datums- und Uhrzeitangaben erstellen und Vorgänge wie das Formatieren von Datumsangaben für die Anzeige ausführen.
Alternativ können Sie Luxon über a in Ihre Bewerbung einbinden CDN-Link. Fügen Sie dazu das folgende Markup zu Ihrer HTML-Datei hinzu:
<Skriptsrc=" https://cdn.jsdelivr.net/npm/[email protected]/build/global/luxon.min.js">Skript>
Mit diesem Ansatz können Sie Skripte ausführen Luxon im Textkörper Ihres HTML.
Merkmale von Luxon
Luxon bietet viele Funktionen, was es zu einem wertvollen Paket für die Handhabung von Datums- und Uhrzeitangaben in JavaScript-Anwendungen macht.
Umfassende Datums- und Uhrzeitmanipulation
Luxon bietet verschiedene Methoden zum Erstellen, Bearbeiten und Abrufen von Datums- und Uhrzeitangaben. Luxon vereinfacht Aufgaben wie das Addieren oder Subtrahieren von Dauern, das Festlegen bestimmter Datums-/Uhrzeitkomponenten und das Durchführen relativer Zeitberechnungen.
Formatierung und Lokalisierung
Mit den Formatierungsoptionen von Luxon können Sie Datums- und Uhrzeitangaben in vielen Formaten anzeigen. Luxon unterstützt verschiedene Formatmuster und ermöglicht die Einstellung von Datum und Uhrzeit entsprechend anderen Sprachen.
Zeitzonenunterstützung
Mit Luxon können Sie effizient mit Datums- und Uhrzeitangaben in verschiedenen Zeitzonen arbeiten. Luxon bietet Methoden zum Festlegen und Konvertieren zwischen Zeitzonen.
Unveränderliches Design
Luxon folgt einem unveränderlichen Designmuster und stellt dies sicher Terminzeit Objekte sind unveränderlich. Dieser Entwurfsansatz sorgt für ein vorhersehbares und konsistentes Verhalten bei der Arbeit mit Datums- und Uhrzeitangaben.
Umfangreiche API-Dokumentation
Die API-Dokumentation von Luxon ist sehr detailliert und erleichtert das Erkunden und Verstehen der verfügbaren Methoden, Optionen und Funktionen.
Die DateTime-Klasse in Luxon
Der Terminzeit Die Klasse in Luxon repräsentiert ein bestimmtes Datum und eine bestimmte Uhrzeit. Es bietet sowohl Klassen- als auch Instanzmethoden, mit denen Sie verschiedene Aufgaben ausführen können. Zu diesen Aufgaben gehören das Erstellen, Analysieren, Abrufen, Ändern und Formatieren von Datums- und Uhrzeitangaben.
Hier sind einige der verschiedenen Möglichkeiten, eine neue Instanz der Date Time-Klasse in Luxon zu erstellen:
- Der DateTime.local() Methode:
Dieser Code erstellt eine neue DateTime-Instanz mithilfe von DateTime.local() Methode. Die Methode benötigt sieben Argumente, die die Werte für Jahr, Monat, Tag, Stunde, Minute, Sekunde und Millisekunde des Datums und der Uhrzeit darstellen, die Sie erstellen möchten.const dt = DateTime.local(2023, 5, 21, 1, 22, 37, 845); - Der DateTime.fromJSDate() Methode:
Der Code erstellt ein neues natives JavaScript-Datum Instanz und übergibt sie an die DateTime.fromJSDate() Methode. Diese Methode gibt ein DateTime-Objekt zurück, das dasselbe Datum und dieselbe Uhrzeit darstellt.const jetzt = neuDatum();
const dt = DateTime.fromJSDate (jetzt); - Der DateTime.fromObject() Methode:
Dieser Codeblock zeigt, wie Sie mithilfe von eine neue DateTime-Instanz erstellen DateTime.fromObject() Methode. Die Methode verwendet ein Objekt mit Eigenschaften, die die Werte für Jahr, Monat, Tag, Stunde, Minute, Sekunde und Millisekunde des Datums und der Uhrzeit darstellen, die Sie erstellen möchten.const dt = DateTime.fromObject({
Jahr: 2023,
Monat: 1,
Tag: 1,
Stunde: 0,
Minute:0,
zweite: 0,
Millisekunde: 0
}); - Verwendung der DateTime.now() Methode:
Dieser Codeblock zeigt, wie Sie mithilfe von eine neue Date Time-Instanz erstellen DateTime.now() Methode. Die Methode gibt eine neue DateTime-Instanz zurück, die das aktuelle Datum und die aktuelle Uhrzeit in der lokalen Zeitzone darstellt.const dt = DateTime.now();
Formatieren von DateTime-Objekten in Strings
Luxon vereinfacht die Formatierung von Terminzeit Objekte in Zeichenfolgen, die bestimmte Datums- und Uhrzeitangaben darstellen. Sie können Luxon verwenden, um Datums- und Uhrzeitangaben auf verschiedene Arten zu formatieren.
ISO 8601
Das ISO 8601-Format wird häufig für die standardisierte Darstellung von Datum und Uhrzeit verwendet. Um eine zu formatieren Terminzeit Objekt als ISO 8601-Zeichenfolge verwenden, verwenden Sie die toISO() Methode:
const now = DateTime.local();
Konsole.log (now.toISO()); // 21.05.2023T15:20:07.936+01:00
Für Menschen lesbare Formate
Luxon unterstützt für Menschen lesbare Formate, die Sie an die lokalen Sprachen anpassen können. Sie können eine formatieren Terminzeit Objekt in eine für Menschen lesbare Zeichenfolge mit dem toLocaleString() Methode:
const now = DateTime.local();
Konsole.log (now.toLocaleString()); // 5/21/2023
Tokenbasierte Formatierung
Mit der tokenbasierten Formatierung können Sie Datum und Uhrzeit mithilfe von Platzhaltern, sogenannten Tokens, in benutzerdefinierte Zeichenfolgen formatieren. Um eine zu formatieren Terminzeit Objekt mit Token, verwenden Sie das formatieren() Methode:
const now = DateTime.local();
Konsole.log (now.toFormat(„JJJJ-MM-TT HH: mm: ss“)); //2023-05-21 15:16:57
Im obigen Beispiel die Formatzeichenfolge jjjj-MM-tt HH: mm: ss stellt das gewünschte Ausgabeformat dar. Die Token jjjj, MM, dd, HH, mm, Und ss entsprechen Jahr, Monat, Tag, Stunde, Minute und Sekunde des Terminzeit Objekt bzw.
Luxon ermöglicht Ihnen die Durchführung einer breiten Palette von Datums- und Uhrzeitdarstellungen durch die Bereitstellung eines umfangreichen Satzes an Token.
Analysieren und Validieren von Daten und Zeiten in Luxon
Luxon bietet robuste Methoden zum Parsen und Validieren von Datums- und Uhrzeitangaben. Diese Funktionen sind nützlich für Aufgaben wie die Validierung von Benutzereingaben oder die Konvertierung von Zeichenfolgendarstellungen von Datums- und Uhrzeitangaben Terminzeit Objekte.
Die fromFormat()-Methode
Der fromFormat() Mit der Methode können Sie eine Zeichenfolgendarstellung eines Datums und einer Uhrzeit analysieren und in eine konvertieren Terminzeit Objekt. Es benötigt zwei Argumente, die Eingabezeichenfolge und eine Formatzeichenfolge, die das Eingabeformat angibt.
Zum Beispiel:
DateTime.fromFormat(„25. Mai 2023“, „LLLL dd yyyy“)
Validieren von Datums- und Uhrzeitangaben mit der isValid-Methode
Der ist gültig Methode prüft, ob a Terminzeit Das Objekt stellt ein gültiges Datum und eine gültige Uhrzeit dar. Es kehrt zurück WAHR ob das Objekt gültig ist und FALSCH ansonsten.
Etwa so:
const invalidDate = DateTime.fromObject({ Jahr: 2022, Monat: 2, Tag: 29 });
Konsole.log (invalidDate.isValid); // FALSCH
const validDate = DateTime.fromObject({ Jahr: 2022, Monat: 2, Tag: 28 });
Konsole.log (validDate.isValid); // WAHR
Im Beispiel das erste Terminzeit Das Objekt stellt ein ungültiges Datum dar, da der 29. Februar 2022 nicht gültig ist. Der Zweite Terminzeit Das Objekt stellt ein gültiges Datum vom 28. Februar 2022 dar.
Mithilfe der Parsing- und Validierungsfunktionen in Luxon können Sie Datums- und Uhrzeitangaben genau verarbeiten, Eingaben validieren und zuverlässige Darstellungen von Datums- und Uhrzeitdaten bereitstellen.
Alternativen zu Luxon
Sie haben gelernt, wie Sie mit Luxon Datums- und Uhrzeitinstanzen erstellen, formatieren und validieren. Diese Tipps helfen Ihnen beim Erstellen von Web-Apps, die eine Datums- und Uhrzeitverarbeitung erfordern.
Sie können auch andere JavaScript-Pakete verwenden, um die Datums- und Uhrzeitverarbeitung in Ihren Webanwendungen zu erreichen, einschließlich Day.js und Date.fns. Diese Pakete haben ihre Vor- und Nachteile, und Sie sollten Ihre Präferenz auf Ihre spezifischen Bedürfnisse abstimmen.
