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

Vue implementiert Card-Flip-Karussellanzeige

Karussellanzeige der Vue-Karte beim Umschalten de...

jQuery implementiert verschachtelte Tab-Funktion

In diesem Artikelbeispiel wird der spezifische Co...

Neulinge lernen schnell die Schritte zum Erstellen von Website-Symbolen

<br />Original-URL: http://www.lxdong.com/po...

Eine kurze Diskussion über die Verwendung der Web Storage API

Inhaltsverzeichnis 1. Lokale Speichertechnologie ...

Tutorial zur Installation und Konfiguration von Hbase unter Linux

Inhaltsverzeichnis Hbase-Installation und -Konfig...

Implementierung von Wasserfall-Layout + dynamischem Rendering

Inhaltsverzeichnis Typische Wasserfall-Website Wa...

jQuery-Plugin zur Implementierung des Suchverlaufs

Jeden Tag ein jQuery-Plugin – um einen Suchverlau...

Definieren Sie Ihre eigene Ajax-Funktion mit JavaScript

Da die von nativen JS initiierten Netzwerkanforde...

Lösung für mobile Browser, die die Position nicht unterstützen: Fix

Die konkrete Methode ist wie folgt: CSS Code Code...

So konfigurieren Sie den Nginx-Lastausgleich

Inhaltsverzeichnis Nginx-Lastausgleichskonfigurat...