Datumsformat in jQuery

JavaScript date-Objekte repräsentieren einen einzelnen Zeitfaktor in einem plattformneutralen Format. Datumselemente enthalten Zahlen, die Millisekunden seit dem 1. Januar 1970 UTC darstellen.

Ein new Date() ist bekannt, da es ein neues Datumselement zurückgibt. Das Date() wird bezeichnet, da es eine String-Darstellung des aktuellen Datums und der aktuellen Uhrzeit zurückgibt.

In diesem kurzen Tutorial lernen wir, wie man Datumsangaben in jQuery formatiert.

Datumsformat in jQuery

jQuery bietet verschiedene Plugins, die zum Formatieren von Daten verwendet werden. Die beliebtesten sind moment und dateFormat. Wir werden beide Plugins verwenden und das Datum in unserem Beispiel in diesem Tutorial formatieren.

Das jQuery-dateFormat ist ein jQuery-Plugin für Datumsangaben, um die Ausgaben mit JavaScript zu formatieren. Die Größe der Bibliothek beträgt weniger als 5 KB; daher ist jquery-dateFormat die kleinste verfügbare Bibliothek für Datumsformate.

Das jQuery-moment ist eine leichtgewichtige JavaScript-Datumsbibliothek zum Parsen, Validieren, Manipulieren und Formatieren von Datumsangaben. Anstatt das Date-Objekt zu erweitern, baut Moment.js einen Wrapper dafür.

Rufen Sie die Getter-Funktion moment() auf, um auf das Containerobjekt zu verweisen. Der Moment-Prototyp wird über die Eigenschaft moment.fn verfügbar gemacht, sodass Sie ihm Ihre Funktionen hinzufügen können.

Beispielcode:

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.3/moment.min.js" integrity="sha512-x/vqovXY/Q4b+rNjgiheBsA/vbWA3IVvsS8lkQSX1gQ4ggSJx38oI2vREZXpTzhAv6tNUaX81E7QBBzkpDQayA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-dateFormat/1.0/jquery.dateFormat.min.js"></script>
console.log("using dateFormat", $.format.date("2021-12-18 12:12:19.546", "dd/MM/yyyy"))
console.log("using moment", moment("2021-12-18 12:12:19.546").format("DD-MM-yyyy"))

Wir haben die Datei min.js für moment.js und dateFormat im obigen Beispiel importiert. Nach Abschluss des Imports können Sie die Funktionen der beiden Bibliotheken nutzen und das Datum gemäß den gewünschten Formaten formatieren.

Führen Sie das obige Code-Snippet in jedem Browser aus, der jQuery unterstützt.

Ausgang:

"using dateFormat", "18/12/2021"
"using moment", "18-12-2021"

Code ausführen