Formatieren eines JavaScript-Datums

1. Formatieren von JavaScript-Daten mit toTimeString() in JavaScript
2. Formatieren von JavaScript-Daten mithilfe von toUTCString() in JavaScript
3. Formatieren von JavaScript-Daten mithilfe von toDateString() in JavaScript
4. Formatieren eines JavaScript-Datums mit toLocaleString() in JavaScript
5. Formatieren Sie JavaScript-Daten mit toLocaleTimeString() in JavaScript
6. Verwenden Sie die benutzerdefinierten Funktionen, um das Datum in JavaScript zu formatieren
7. Verwenden Sie das Paket Moment.js mit Node.js, um das Datum in JavaScript zu formatieren
8. Verwendung von das Paket dateformat mit Node.js

In diesem Tutorial wird erklärt, wie Sie ein JavaScript-Datum formatieren.

Wir können das aktuelle Datum und die aktuelle Uhrzeit mithilfe des JavaScript-Objekts Datum abrufen. Wir können das Datum formatieren, indem wir unsere eigenen benutzerdefinierten Funktionen schreiben und Bibliotheken wie moment.js verwenden.

Zuerst erstellen wir eine Variable mit dem Namen date unter Verwendung des Objekts Date, um das aktuelle Datum und die aktuelle Uhrzeit abzurufen.

var date = new Date();

Wir zeigen das Ergebnis aller Formatierungsfunktionen, die auf diese Variable angewendet werden.

Formatieren von JavaScript-Daten mit toTimeString() in JavaScript

toTimeString() hilft dabei, nur die Zeichenkette mit Informationen zur Uhrzeit aus der Variablen date zu ​​extrahieren.

var date = new Date();
result = date.toTimeString();
console.log(result);

Ausgabe:

"20:07:37 GMT+0100 (Central European Standard Time)"

Formatieren von JavaScript-Daten mithilfe von toUTCString() in JavaScript

Diese Methode gibt die Greenwich Mean Time oder die Coordinated Universal Time aus der in der Variablen gespeicherten Zeit des aktuellen Landes zurück.

var date = new Date();
result = date.toUTCString();
console.log(result);

Ausgabe:

"Thu, 18 Mar 2021 19:09:40 GMT"

Formatieren von JavaScript-Daten mithilfe von toDateString() in JavaScript

Diese Methode extrahiert das Datum und gibt es in Form einer Zeichenkette zurück.

var date = new Date();
result = date.toDateString();
console.log(result);

Ausgabe:

"Thu Mar 18 2021"

Formatieren Sie JavaScript-Daten mit toISOString() in JavaScript

Es wird eine Zeichenkette zurückgegeben, die Datum und Uhrzeit im ISO 8601-Format enthält.

var date = new Date();
result = date.toISOString();
console.log(result);

Ausgabe:

"2021-03-18T19:11:35.957Z"

Formatieren eines JavaScript-Datums mit toLocaleString() in JavaScript

Es konvertiert das Datumsobjekt mithilfe der Gebietsschemaeinstellungen in eine Zeichenkette.

var date = new Date();
result = date.toLocaleString();
console.log(result);

Ausgabe:

"3/18/2021, 8:13:03 PM"

Formatieren Sie JavaScript-Daten mit toLocaleTimeString() in JavaScript

Es konvertiert das Datumsobjekt, extrahiert jedoch nur die Uhrzeit mithilfe der Gebietsschemaeinstellungen in eine Zeichenkette.

var date = new Date();
result = date.toLocaleTimeString();
console.log(result);

Ausgabe:

"8:14:22 PM"

Verwenden Sie die benutzerdefinierten Funktionen, um das Datum in JavaScript zu formatieren

Datumsformat dd-mm-yyyy oder dd/mm/yyyy und ähnliche Patterns

Wir verwenden die Methoden getDate(), getMonth() und getFullYear(), um die Teile des Datums in Stücke zu bekommen und sie mit dem gewünschten Symbol und in der gewünschten Reihenfolge zu verketten.

Zum Beispiel können wir dd/mm/yyyy, dd-mm-yyyy, mm-dd-yyyy, mm/yyyy auf jede beliebige Weise erhalten, indem wir eine benutzerdefinierte Funktion schreiben, wie wir sie unten geschrieben haben.

var date = new Date();
const formatDate = (date) => {
  let formatted_date =
      date.getDate() + '-' + (date.getMonth() + 1) + '-' + date.getFullYear()
  return formatted_date;
} console.log(formatDate(date));

Ausgabe:

"18-3-2021"

Wir können auch den Namen des Monats wie January, February, March in die DatumsZeichenkette einfügen.

var date = new Date();
const months = [
  'JAN', 'FEB', 'MAR', 'APR', 'MAY', 'JUN', 'JUL', 'AUG', 'SEP', 'OCT', 'NOV',
  'DEC'
];

const formatDate = (date) => {
  let formatted_date =
      date.getDate() + '-' + months[date.getMonth()] + '-' + date.getFullYear()
  return formatted_date;
} console.log(formatDate(date));

Ausgabe:

"18-MAR-2021"

Datumsformat yyyy-mm-dd hh:mm:ss und ähnliche Patterns

Wir verwenden alle Methoden getDate(), getMonth() und getFullYear(), getHour(), getminutes(), getsecond(), um die Teile von Datum und Uhrzeit einzeln und abzurufen Verketten Sie sie mit dem gewünschten Symbol und in der gewünschten Reihenfolge.

var date = new Date();

const formatDate =
    (current_datetime) => {
      let formatted_date = current_datetime.getFullYear() + '-' +
          (current_datetime.getMonth() + 1) + '-' + current_datetime.getDate() +
          ' ' + current_datetime.getHours() + ':' +
          current_datetime.getMinutes() + ':' + current_datetime.getSeconds();
      return formatted_date;
    }

                          console.log(formatDate(date));

Ausgabe:

"2021-3-18 20:21:2"

Verwenden Sie das Paket Moment.js mit Node.js, um das Datum in JavaScript zu formatieren

Es gilt als die beste Datums- und Zeitbibliothek in JavaScript. Es ist unkompliziert zu bedienen und man muss sich nicht all diese verschiedenen Funktionen merken und bauen. Benutzer können problemlos eine Zeichenkettenvorlage entsprechend ihren Formatierungsanforderungen schreiben.

const moment = require('moment');
let m = moment();
m.format('[Time: ] h:mm:ss a');  // output of the form `Time: 11:39:03 pm`

Der obige Code zeigt eine der Möglichkeiten, wie moment.js es uns ermöglicht, Datum und Uhrzeit mithilfe des Knotens REPL zu formatieren.

Verwendung von das Paket dateformat mit Node.js

Ein anderes Paket wie Moment.js kann uns helfen, das Datum zu formatieren. Es funktioniert sowohl mit Node.js als auch mit Browser-side JavaScript. Es erweitert das Date-Objekt um eine .format()-Methode.

Browserseite

Day = new Date();
Day.format('dd-m-yy');  // Returns '16-3-21'

Der obige Code zeigt die Einfachheit der Verwendung des Pakets dateformat mit dem Date-Objekt.

Node.js

const dateformat = require('dateformat');
let now = new Date();
dateformat(now, 'dddd, mmmm dS, yyyy, h:MM:ss TT');  // returns 'Tuesday, March
                                                     // 16th, 2021, 11:32:08 PM'

Der obige Code demonstriert die Verwendung des Pakets dateformat zum Formatieren des Datums mit Node REPL.