JavaScript ist eine leistungsstarke Programmiersprache, die häufig zum Erstellen interaktiver Websites verwendet wird. Eine der häufigsten Aufgaben bei der Arbeit mit Datumsangaben besteht darin, nur das Datum ohne Uhrzeit anzuzeigen.
Es gibt mehrere Möglichkeiten, um ein Datum ohne Uhrzeit in JavaScript zu erhalten. Eine der einfachsten und verständlichsten Methoden ist die Verwendung eines integrierten Date-Objekts und mehrerer Methoden, um damit zu arbeiten. Zuerst müssen Sie das aktuelle Datum und die aktuelle Uhrzeit mit new Date() abrufen. Mit den Methoden getDate(), getMonth() und getFullYear() können Sie dann den Tag, den Monat und das Jahr separat abrufen.
Beispielcode:
const currentDate = new Date();const day = currentDate.getDate();const month = currentDate.getMonth() + 1; // счет месяцев начинается с 0const year = currentDate.getFullYear();const dateWithoutTime = `$.$.$`;console.log(dateWithoutTime);Durch die Codeausführung wird das aktuelle Datum ohne Uhrzeit in der Konsole im Format "Tag" angezeigt.Monat.Jahr". Mit dieser Methode können Sie nur das Datum ohne die Uhrzeit abrufen, was häufig bei der Arbeit mit verschiedenen Kalenderanwendungen oder -diensten erforderlich ist.
Auf diese Weise ist es mit einfachem JavaScript-Code möglich, ein Datum ohne Uhrzeit zu erhalten. Dies ist eine sehr nützliche Fähigkeit, die bei der Entwicklung von Webanwendungen und Websites nützlich ist.
Wie erstelle ich ein Datum ohne Uhrzeit in JavaScript
JavaScript bietet eine einfache Möglichkeit, Daten ohne Zeit zu erstellen. Verwenden Sie das Date-Objekt und die für die Arbeit mit Datumsangaben verfügbaren Methoden.
Um ein Datum ohne Uhrzeit zu erstellen, müssen Sie die Stunden, Minuten, Sekunden und Millisekunden auf Null setzen. Hier ist ein Beispielcode:
let currentDate = new Date();currentDate.setHours(0, 0, 0, 0);In diesem Beispiel erstellen wir ein Date-Objekt, das das aktuelle Datum und die aktuelle Uhrzeit darstellt. Dann setzen wir mit der setHours-Methode die Stunden, Minuten, Sekunden und Millisekunden auf Null. Jetzt haben wir ein Datum ohne Zeit.
Sie können diesen Ansatz verwenden, um Daten ohne Zeit zu einem bestimmten Zeitpunkt zu erstellen. Erstellen Sie einfach ein Date-Objekt und setzen Sie die Stunden, Minuten, Sekunden und Millisekunden wie im obigen Beispiel auf Null.
Jetzt wissen Sie, wie Sie ein Datum ohne Uhrzeit in JavaScript erstellen. Dies ist nützlich, wenn Sie nur mit Datumsangaben arbeiten müssen, ohne die Zeit zu berücksichtigen.
Eine einfache Möglichkeit, die toLocaleDateString-Methode zu verwenden
Methode toLocaleDateString konvertiert ein Datum in eine Zeichenkette ohne Uhrzeit unter Berücksichtigung des Gebietsschemas des Benutzers. Dies ist sehr nützlich, wenn Sie nur den Tag, den Monat und das Jahr ohne Berücksichtigung der Zeitzone anzeigen möchten.
Die Methodensyntax lautet wie folgt:
| Methode | Die Beschreibung |
|---|---|
| toLocaleDateString() | Konvertiert das Datum in das Datumsformat für das aktuelle Gebietsschema ohne Uhrzeit. |
Beispiel für die Verwendung der Methode:
let date = new Date();
let dateString = date.toLocaleDateString();
Verwenden der Moment-Bibliothek.js für die Datumsverarbeitung
Sie können die Moment-Bibliothek verwenden, um mit Datumsangaben in JavaScript zu arbeiten.js, das praktische Methoden für die Arbeit mit Daten und Zeiten bereitstellt. Moment.js macht es einfach, Daten in JavaScript zu erstellen, zu formatieren, zu parsen und zu manipulieren.
Um mit Moment zu beginnen.js muss die Bibliothek mit dem Projekt verbinden. Sie können dazu ein CDN verwenden oder eine Bibliotheksdatei herunterladen und zu Ihrem Server hinzufügen.
Sobald Moment verbunden ist.js für ein Projekt können Sie seine Methoden verwenden, um mit Daten zu arbeiten. Um beispielsweise ein neues Datum zu erstellen, können Sie die moment() -Methode verwenden :
- moment() - Erstellt ein neues Moment-Objekt mit dem aktuellen Datum und der aktuellen Uhrzeit.
- moment('2025-01-01') - Erstellt ein neues Moment-Objekt mit dem angegebenen Datum.
- moment('2025-01-01 12:00:00') - erstellt ein neues Moment-Objekt mit dem angegebenen Datum und der angegebenen Uhrzeit.
Wenn Sie das Datum formatieren möchten, können Sie die format() -Methode verwenden. Um beispielsweise ein Datum im Format "JJJJ-MM-TT" abzurufen, können Sie den folgenden Code verwenden:
Der obige Code gibt das aktuelle Datum im Format "JJJJ-MM-TT" zurück. Auf die gleiche Weise können Sie auch die Zeit formatieren, zum Beispiel:
Abgesehen von der Formatierung, Moment.mit js können Sie auch verschiedene Datumsoperationen durchführen, z. B. Tage, Stunden, Minuten usw. addieren und subtrahieren. Die Methoden zur Durchführung dieser Operationen haben einfache und verständliche Namen, zum Beispiel:
- add() - Addiert das Datum mit der angegebenen Zeitmenge.
- subtract() - subtrahiert die angegebene Zeitmenge vom Datum.
- diff() - Erhalten Sie den Unterschied zwischen zwei Daten.
Verwenden der Moment-Bibliothek.js vereinfacht die Datums- und Uhrzeitverarbeitung in JavaScript erheblich und reduziert die Menge an Code erheblich. Darüber hinaus verfügt die Bibliothek über umfangreiche Funktionen und eine benutzerfreundliche API, die sie für die Entwicklung von Datums- und zeitbezogenen Anwendungen sehr nützlich macht.
Wie verwende ich die date-fns-Bibliothek, um ein Datum ohne Uhrzeit zu erhalten
Um ein Datum ohne Uhrzeit mit der date-fns-Bibliothek abzurufen, müssen Sie die Funktion startOfDay verwenden. Diese Funktion nimmt ein Datum als Argument an und gibt ein neues Datum mit einer Nullzeit zurück, dh die Zeit ist 00:00:00.
Beispiel für die Verwendung der startOfDay-Funktion :
import < startOfDay >from 'date-fns';const dateWithTime = new Date('2025-01-01 14:30:00');const dateWithoutTime = startOfDay(dateWithTime);Wie Sie im Beispiel sehen können, können Sie mit der Funktion startOfDay ein Datum ohne Uhrzeit abrufen, indem Sie die restlichen Parameter (Jahr, Monat und Tag) beibehalten.
Die Verwendung der date-fns-Bibliothek und der startOfDay-Funktion macht es daher einfach, ein Datum ohne Uhrzeit in JavaScript zu erhalten.
Erstellen einer eigenen Funktion zum Abrufen eines Datums ohne Uhrzeit
Um ein Datum ohne Uhrzeit in JavaScript zu erhalten, können Sie eine eigene Funktion erstellen, die die Uhrzeit aus dem Datumsobjekt entfernt. Im Folgenden finden Sie eine einfache und effektive Möglichkeit, eine solche Funktion zu erstellen.
| Schritt | Kode | Die Beschreibung |
|---|---|---|
| 1 | function getDateWithoutTime(date) | Deklarieren einer Funktion mit der Übergabe eines Datumsobjekts als Argument. |
| 2 | date.setHours(0, 0, 0, 0); | Legt die Uhrzeit des Datumsobjekts auf Mitternacht fest. |
| 3 | return date; | Gibt ein Datumsobjekt ohne Uhrzeit zurück. |
| 4 | > | Die Funktion wird beendet. |
Sobald die Funktion erstellt wurde, kann sie verwendet werden, um ein Datum ohne Uhrzeit abzurufen, indem Sie es aufruft und ein Datumsobjekt als Argument übergibt.
var fullDate = new Date();
var dateWithoutTime = getDateWithoutTime(fullDate);
Daher enthält die Variable dateWithoutTime ein Datumsobjekt ohne Uhrzeit.
Jetzt wissen Sie, wie Sie eine benutzerdefinierte Funktion erstellen, um ein Datum ohne Uhrzeit in JavaScript zu erhalten. Diese Methode kann nützlich sein, wenn Sie nur mit dem Datum arbeiten müssen und die Uhrzeit ignorieren müssen.
Konvertieren eines Datums ohne Uhrzeit in das ISO-Format in JavaScript
Um ein Datum ohne Uhrzeit in das ISO-Format in JavaScript zu konvertieren, können wir die toISOString() -Methode verwenden. Diese Methode gibt eine Zeichenfolge zurück, die ein Datum ohne Zeit im ISO-Format darstellt:
const date = new Date();const dateWithoutTime = new Date(date.getFullYear(), date.getMonth(), date.getDate());const isoDate = dateWithoutTime.toISOString();Im obigen Beispiel erstellen wir zuerst ein neues Date-Objekt, das das aktuelle Datum und die aktuelle Uhrzeit enthält. Dann erstellen wir ein neues Date-Objekt, das nur das Jahr, den Monat und den Tag aus dem ursprünglichen Datum verwendet. Dann rufen wir die toISOString() -Methode für ein neues Datum ohne Uhrzeit auf, um die Zeichenfolge im ISO-Format zu erhalten.
Die Verwendung der toISOString() -Methode ermöglicht es uns, ein Datum ohne Uhrzeit in JavaScript einfach in das ISO-Format zu konvertieren. Diese Methode eignet sich zum Speichern oder Senden eines Datums ohne Uhrzeit in einem für die Verarbeitung geeigneten Format.
