Ändern Sie das Datumsformat mit Javascript

Wie ändere ich das Datumsformat in JavaScript?

Es gibt viele Möglichkeiten, Datumsangaben in JavaScript darzustellen, z. B. Datumsobjekte und Datumszeichenfolgen. In der tatsächlichen Entwicklung müssen wir das Datum häufig in eine bestimmte Form formatieren. In diesem Artikel wird erläutert, wie Sie das Datumsformat mithilfe von JavaScript ändern.

1. Datumsobjekt

Datumsobjekt ist ein Standardobjekt zur Verarbeitung von Datums- und Uhrzeitangaben in JavaScript. Wir können es verwenden, um ein bestimmtes Datum und eine bestimmte Uhrzeit darzustellen:

let currentDate = new Date();
console.log(currentDate); // 输出当前日期

Datumsformatierung

Um das Datum in die angegebene Form zu formatieren, müssen wir einige Methoden und Eigenschaften des Date-Objekts verwenden. Zum Beispiel:

getDate(): Holen Sie sich den Tag im Datum

• getMonth(): Holen Sie sich den Monat im Datum (beginnend bei 0)
• getFullYear(): Holen Sie sich das Jahr im Datum
• getHours() : Holen Sie sich die Stunden des Datums (24-Stunden-Format)
• getMinutes(): Holen Sie sich die Minuten im Datum
• getSeconds(): Holen Sie sich die Sekunden im Datum
• toLocaleDateString(): Konvertieren Sie das Datum in eine lokale Zeitzeichenfolge
• toLocaleTimeString(): Zeit in lokale Zeitzeichenfolge umwandeln
• Basierend auf diesen Methoden können wir die Datumsformatierungsmethode wie folgt anpassen:

Fri Oct 15 2021 14:10:30 GMT+0800 (中国标准时间)

Das Ausgabeergebnis ist:

function dateTimeFormatter(date) {
  const year = date.getFullYear();
  const month = (date.getMonth() + 1).toString().padStart(2, '0');
  const day = date.getDate().toString().padStart(2, '0');
  const hours = date.getHours().toString().padStart(2, '0');
  const minutes = date.getMinutes().toString().padStart(2, '0');
  const seconds = date.getSeconds().toString().padStart(2, '0');

  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
}

const date = new Date();
console.log(dateTimeFormatter(date)); // 输出自定义格式化日期

Datumszeichenfolge in Datumsobjekt

3. Wenn wir eine Datumszeichenfolge haben und diese in ein Datumsobjekt konvertieren müssen, können wir die parse()-Methode des Datumsobjekts verwenden:

2021-10-15 14:24:12

Das Ausgabeergebnis ist:

const dateString = '2021-10-15T14:30:00';
const date = new Date(Date.parse(dateString));
console.log(date);

Datumsobjekt in Datumszeichenfolge

4. If wir Es gibt ein Datumsobjekt, das in eine Datumszeichenfolge konvertiert werden muss. Wir können die Methoden toISOString() und toLocaleString() des Date-Objekts verwenden:

Fri Oct 15 2021 14:30:00 GMT+0800 (中国标准时间)

Die Ausgabeergebnisse sind:

const date = new Date();
console.log(date.toISOString()); // 输出 ISO 格式的日期字符串
console.log(date.toLocaleString()); // 输出本地化日期时间字符串

Moment.js-Bibliothek

5. Außer Zusätzlich zur Verwendung nativer Methoden und Funktionen in JavaScript können wir auch die Moment.js-Bibliothek verwenden, um Datums- und Uhrzeitangaben zu verarbeiten. Die Bibliothek bietet eine umfangreiche API und Tools zur einfachen Lösung von Problemen wie Datumsformatierung, Datumsberechnungen und Zeitzoneneinstellungen.

Beispiel:

2021-10-15T06:38:27.752Z
2021/10/15 上午6:38:27

Das Ausgabeergebnis stimmt mit der benutzerdefinierten formatierten Datumsausgabe überein:

const date = moment(new Date()).format('YYYY-MM-DD HH:mm:ss');
console.log(date);

Zusammenfassung:

In JavaScript können wir das native Date-Objekt und einige Methoden und Eigenschaften verwenden, um Datums- und Uhrzeitangaben sowie Sie zu verarbeiten können die Moment.js-Bibliothek verwenden, um Datums- und Uhrzeitangaben einfach zu verarbeiten. Unabhängig davon, ob wir JavaScript oder die Moment.js-Bibliothek verwenden, müssen wir gängige Methoden zur Datumsverarbeitung und zugehörige APIs verstehen, um Datums- und Uhrzeitangaben besser verarbeiten zu können.

Das obige ist der detaillierte Inhalt vonÄndern Sie das Datumsformat mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!