Neue Ideen zur Zeitformatierung in JavaScript toLocaleString()

Neue Ideen zur Zeitformatierung in JavaScript toLocaleString()

Beim Studium Object Objekts ist mir toLocaleString() aufgefallen, mit der sich die Zeitformatierung problemlos implementieren lässt.

1. Konventionelle Ideen zur Zeitformatierung

Normalerweise besteht die Idee darin, Jahr, Monat, Tag usw. der Reihe nach über die Date-Instanz abzurufen. Hier ein einfaches Formatierungsbeispiel:

Datum.Prototyp.Format = Funktion(dateStr) {
    let date = neues Datum();
    Jahr = Datum.getFullYear();
    lass Monat = Datum.getMonth() + 1;
    let day = date.getDate().toString().padStart(2, "0");
    lass Stunde = Datum.getHours();
    let minute = date.getMinutes();
    lass Sekunde = Datum.getSeconds();
    dateStr = dateStr.replace("Jahr", Jahr)
        .replace("Monat", Monat)
        .replace("Tag", Tag)
        .replace("Stunde", Stunde)
        .replace("Minute", Minute)
        .replace("秒", zweite);
    RückgabedatumStr;
};
 
// Mit der obigen Methode console.log(new Date().format("year-month-day")); // 2021-11-04

2. Zeitformatierung toLocaleString()

toLocaleString() ähnelt toString() darin, dass es ebenfalls einen String des Objekts zurückgibt, dieser jedoch entsprechend der lokalisierten Ausführungsumgebung verarbeitet wird. Insbesondere unterstützt es Zeitobjekte und kann in ein bestimmtes Format konvertiert werden.

// Datum, aktuelle Uhrzeit ausgeben let date = new Date();
// Dies ist das Greenwich Mean Time-Format console.log(date.toString()); // Do, 04. Nov. 2021 10:11:35 GMT+0800 (China Standard Time)
// Dies ist das lokale Zeitformat console.log(date.toLocaleString()); // 2021/11/4 10:18:08 AM


Neue Browserversionen können Gebietsschemas und Optionsparameter unterstützen:

let date = neues Datum();
// 24-Stunden-System let options = {
    Jahr: 'numerisch', Monat: 'numerisch', Tag: 'numerisch',
    Stunde: 'numerisch', Minute: 'numerisch', Sekunde: 'numerisch',
    Stunde12: falsch
};
console.log(date.toLocaleString("zh-CN", Optionen)); // 2021/11/4 10:33:01


Holen Sie sich den Wochentag:

let date = neues Datum();
let Optionen = {
    Wochentag: „lang“
};
console.log(date.toLocaleString("zh-CN", Optionen)); // Donnerstag

Weitere options finden Sie unter dem Link am Ende des Artikels.

Defekt:

Wenn Sie das Format x Jahr x Monat x Tag anzeigen möchten, gibt es derzeit keine geeignete Möglichkeit, es zu schreiben. Relativ gesehen ist die Funktion toLocaleString() eingeschränkter.

Damit ist dieser Artikel über die neue Idee der Zeitformatierung in JavaScript toLocaleString() Weitere relevante Inhalte JavaScript toLocaleString() finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

Das könnte Sie auch interessieren:
  • isPrototypeOf-Funktion in JavaScript
  • Detaillierte Erklärung der JavaScript-Prototypenkette
  • JavaScript-Komposition und Vererbung erklärt
  • Detaillierte Erklärung der JS-Ereignisdelegation
  • nuxt.js Konfiguration mehrerer Umgebungsvariablen
  • Unterschiede und Anwendungsbeispiele von for, for...in, for...of und forEach in JS
  • Javascript verwendet das Integritätsattribut zur Sicherheitsüberprüfung

<<:  Der Unterschied zwischen HTML Empty Link href="#" und href="javascript:void(0)"

>>:  Analyse von drei Parametern des MySQL-Replikationsproblems

Artikel empfehlen

Zwei gängige Lösungen für den HTML-Textüberlauf zeigen Auslassungszeichen an

Methode 1: Verwenden Sie zur Lösung die CSS-Überl...

Detaillierte Erklärung langsamer MySQL-Abfragen

Informationen zu MySQL-Vorgängen abfragen Status ...

Eine kurze Erläuterung der Unterschiede zwischen FTP, FTPS und SFTP

Inhaltsverzeichnis Einführung in FTP, FTPS und SF...

Detaillierte Erklärung des Javascript Echarts Luftqualitätskarteneffekts

Wir müssen zunächst die Luftqualitätsdaten mit de...

MySql schnelles Einfügen von zig Millionen großen Datenbeispielen

Im Bereich der Datenanalyse sind Datenbanken unse...

Diagramm des Prozesses zur Implementierung eines Richtungsproxys durch Nginx

Dieser Artikel stellt hauptsächlich den Prozess d...

Verwendung von relativen und absoluten Pfaden unter Linux

01. Übersicht Absolute und relative Pfade kommen ...

Stellen Sie IE8 so ein, dass Code im IE7-Stil verwendet wird

<meta http-equiv="x-ua-kompatibel" co...

js zum Hochladen von Bildern auf den Server

In diesem Artikelbeispiel wird der spezifische Co...

Implementierung des iview-Berechtigungsmanagements

Inhaltsverzeichnis iview-admin2.0 integrierte Ber...