Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie das Datumsformat in JavaScript

So ändern Sie das Datumsformat in JavaScript

王林
王林Original
2023-09-02 16:21:161312Durchsuche

So ändern Sie das Datumsformat in JavaScript

In diesem Artikel erfahren Sie, wie Sie das Datumsformat in JavaScript ändern. Wir werden einige praktische Beispiele durchgehen, um zu zeigen, wie man Datumsangaben in JavaScript von einem Format in ein anderes konvertiert.

JavaScript ist eine der Kerntechnologien des Internets. Es wird von den meisten Websites verwendet und von allen modernen Webbrowsern unterstützt, ohne dass Plugins erforderlich sind. In dieser Serie besprechen wir Tipps und Tricks, die Sie bei Ihrer täglichen JavaScript-Entwicklung unterstützen.

Für Datums- und Uhrzeitangaben stellt JavaScript ein integriertes Date 对象,该对象主要以时间戳格式表示当前的日期和时间。 Date 对象还允许您初始化特定日期,该日期采用标准格式之一。一旦实例化了 Date-Objekt bereit, das mehrere Hilfsmethoden bereitstellt, mit denen Sie die verschiedenen Komponenten von Datum und Uhrzeit abrufen und diese verschiedenen Methoden verwenden können, um das Datum auf unterschiedliche Weise zu formatieren.

Wenn Sie jedoch ein Datum von einem Format in ein anderes ändern, gibt es keine direkte Möglichkeit, das Datum in das gewünschte Format zu konvertieren. In diesem Artikel zeige ich Ihnen, wie Sie eine Hilfsfunktion erstellen, mit der Sie Datumsangaben von einem Format in ein anderes konvertieren können. Abschließend besprechen wir auch eine beliebte Bibliothek eines Drittanbieters, mit der Sie Datumsangaben in verschiedene Formate ändern können.

So ändern Sie das Datumsformat in Vanilla JavaScript

In diesem Abschnitt erstellen wir ein Beispiel, mit dem Sie das Datumsformat in JavaScript ändern können.

Werfen wir einen kurzen Blick auf die folgenden Beispiele.

Wie Sie sehen, haben wir es geschafft dateFormat 函数,该函数接受两个参数。第一个参数是源日期,第二个参数是将源日期转换为所需的日期格式。需要注意的是,第二个参数必须是有效的日期格式,其中包含 "dd""MM""yy""yyyy".

Werfen wir nun einen Blick auf dateFormat 函数。首先,我们通过将源日期作为构造函数的第一个参数传递来实例化 Date Objekte.

Als nächstes verwenden wir die Date 对象的 getMonthgetDate()getYear() 方法来获取日期组件。需要注意的是,月份值从零开始,因此我们必须将该值加一才能获得实际月份。如果需要,我们还使用 padStart-Methode, um den Monatswert mit führenden Nullen zu formatieren. Wir führen ähnliche Operationen für Jahres- und Tageswerte durch.

Sobald alles eingerichtet ist, sollten Sie das Datum in das gewünschte Format konvertieren können.

Beliebte Bibliothek zur Datumsmanipulation

Wenn es um die Datumsmanipulation in JavaScript geht, stehen viele Bibliotheken von Drittanbietern zur Verfügung. Zu den beliebtesten Optionen gehören Moment.js und Day.js. Diese Bibliotheken sind sehr einfach zu verwenden, wenn Sie Datumsangaben in benutzerdefinierte Formate formatieren müssen.

Werfen wir einen kurzen Blick auf das Moment.js-Beispiel, um zu sehen, wie es funktioniert.

Wie Sie sehen, ist es mit dieser Drittanbieterbibliothek ziemlich einfach, Datumsangaben in verschiedene Formate zu konvertieren.

Fazit

Heute haben wir uns verschiedene Möglichkeiten angesehen, Datumsangaben in JavaScript von einem Format in ein anderes zu ändern: benutzerdefinierte Funktionen und Bibliotheken von Drittanbietern.

Das obige ist der detaillierte Inhalt vonSo ändern Sie das Datumsformat in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn