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

Beispieloperation für die Summe des Mysql-Varchar-Typs

Einige Freunde haben beim Erlernen von Datenbanke...

Beispielcode einer SVG-Schaltfläche basierend auf einer CSS-Animation

Der spezifische Code lautet wie folgt: <a href...

React-Konfiguration px-Konvertierung rem-Methode

Installieren Sie zugehörige Abhängigkeiten npm ic...

Detaillierte Beschreibung der Unicode-Signatur-BOM

Unicode-Signatur-BOM – Was ist die BOM? BOM ist di...

Analyse und Lösungen für Probleme bei der Verwendung von Label-Tags

Ich habe kürzlich bei einer bestimmten Aufgabe das...

So konvertieren Sie zusätzlichen Text in HTML in Auslassungspunkte

Wenn Sie zusätzlichen Text in HTML als Auslassung...

Informationen zu WSL-Konfigurations- und Änderungsproblemen in Docker

https://docs.microsoft.com/en-us/windows/wsl/wsl-...

Einführung in die MySQL-Entsperr- und Sperrtabelle

MySQL Lock-Übersicht Im Vergleich zu anderen Date...

Detaillierte Erklärung der Javascript-String-Methoden

Inhaltsverzeichnis Zeichenfolgenlänge: Länge char...

Untersuchung der Wirkung der durch JS realisierten Seitenseitenleiste

Inhaltsverzeichnis Entdecken Sie: Anwendung von D...