In JavaScript integrierter Zeit- und Datumsformatierungsbeispielcode

In JavaScript integrierter Zeit- und Datumsformatierungsbeispielcode

1. Grundkenntnisse (Methoden von Datumsobjekten)

😜 getFullYear() wird verwendet, um eine 4-stellige Zahl zurückzugeben, die das Jahr darstellt

🤣 getMonth() gibt eine Zahl zurück, die den Monat darstellt, aber der Rückgabewert ist eine Ganzzahl zwischen 0 (Januar) und 11 (Dezember).

😘 getDate() gibt einen bestimmten Tag zurück

😊 getHours() gibt das Stundenfeld der Zeit zurück

😍 getMinutes() gibt das Minutenfeld der Zeit zurück

😎 getSeconds() gibt die Sekunden der Zeit zurück. Der Rückgabewert ist eine Ganzzahl zwischen 0 und 59

2. Datumsangaben formatieren

Beispiel: Formatieren Sie die aktuelle Uhrzeit (da die Zeit vergeht, wird das Ergebnis ein anderes sein!)

Der Code lautet wie folgt:

Wirkungsdarstellung:

3. Kapselungsfunktion zum Formatieren des Datums (für unsere spätere Verwendung)

Der Code lautet wie folgt:

Wirkungsdarstellung:

Auch wenn dieser Fall relativ einfach ist, gibt es dennoch einige Dinge, die beachtet werden müssen! Wenn wir beispielsweise den Monat abrufen, müssen wir 1 hinzufügen, da sonst der zurückgegebene Monat um 1 kleiner ist als der tatsächliche Monat. Dies erinnert uns auch daran, beim Eingeben von Code vorsichtig, aufmerksam und nochmals vorsichtig zu sein!

Anbei eine beliebte JS-Kapselungsfunktion zum Formatieren von Datum und Uhrzeit:

Datum.Prototyp.Format = Funktion(fmt){
  var o = {
    "M+" : this.getMonth()+1, //Monat "d+" : this.getDate(), //Tag "h+" : this.getHours(), //Stunden "m+" : this.getMinutes(), //Minuten "s+" : this.getSeconds(), //Sekunden "q+" : Math.floor((this.getMonth()+3)/3), //Quartal "S" : this.getMilliseconds() //Millisekunden};

  wenn(/(y+)/.test(fmt)){
    fmt = fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
  }
        
  für(var k in o){
    wenn (neuer RegExp("("+ k +")").test(fmt)){
      fmt = fmt.ersetzen(
        RegExp.$1, (RegExp.$1.Länge==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).Länge)));  
    }       
  }

  fmt zurückgeben;
}

So verwenden Sie es:

var now = new Date(); // Normalerweise wird zur Initialisierung ein Zeitstempel in Millisekunden übergeben var nowStr = now.format("yyyy-MM-dd hh:mm:ss");

IV. Fazit

Damit ist dieser Artikel über die in JavaScript integrierte Datums- und Zeitformatierung abgeschlossen. Weitere Informationen zur integrierten Zeitformatierung in JavaScript finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

Das könnte Sie auch interessieren:
  • Zusammenfassung der JS-Formatierungsfunktionen für Uhrzeit und Datum
  • Verschiedene Methoden zum Formatieren von JS-Zeitstempeln in das Datumsformat
  • Datums- und Uhrzeitfunktion in Javascript formatieren
  • Js erhält das aktuelle Datum und die aktuelle Uhrzeit sowie den Formatcode
  • Beispiel für eine Datums- und Uhrzeitformatierungsmethode und eine benutzerdefinierte Formatierungsfunktion in JavaScript
  • Formatieren Sie den Funktionscode für Datums- und Uhrzeitdaten in js
  • Einführung in verschiedene Methoden zum Formatieren von JS-Zeitstempeln in das Datumsformat
  • JS-Kapselungsfunktion für Zeit- und Datumsformatierung
  • Zusammenfassung der Methoden zur Datums- und Uhrzeitformatierung in Javascript
  • Javascript-Format Zeit Datum Funktionscode 123WORDPRESS.COM überarbeitete Version

<<:  So verwenden Sie Linux-Befehle zum Konvertieren und Zusammenfügen von Audioformaten

>>:  Tomcat analysiert XML und erstellt Objekte durch Reflektion

Artikel empfehlen

Detaillierte Erläuterung der Verwendung von Docker Commit

Manchmal müssen Sie bestimmte Abhängigkeiten im B...

Starten Sie alle gestoppten Docker-Container mit einem Befehl neu

Starten Sie alle gestoppten Docker-Container mit ...

js zur Implementierung eines einfachen Bullet-Screen-Systems

In diesem Artikel wird der spezifische Code von n...

Tutorial zum Erstellen einer VSCode+CMake+Clang+GCC-Umgebung unter Win10

Ich möchte C/C++ verwenden, um grundlegende Daten...

Eine kurze Analyse der Unterschiede zwischen px, rem, em, vh und vw in CSS

Absolute Länge px px ist der Pixelwert, also eine...

Hinweise zum passenden MySql 8.0 und entsprechenden Treiberpaketen

MySql 8.0 entsprechendes Treiberpaket passend Nac...

Vue implementiert ein einfaches Einkaufswagenbeispiel

In diesem Artikelbeispiel wird der spezifische Co...

Eine kurze Einführung in die Verwendung des Dezimaltyps in MySQL

Die in MySQL unterstützten Gleitkommatypen sind F...

Installieren und konfigurieren Sie MySQL 5.7 unter CentOS 7

Dieser Artikel testet die Umgebung: CentOS 7 64-B...

Grundlagen der MySQL-Speicher-Engine

Im vorherigen Artikel haben wir über MySQL-Transa...

Ein umfassendes Verständnis der funktionalen Komponenten von Vue.js

Inhaltsverzeichnis Vorwort Funktionale React-Komp...

Tutorial zur Installation von MySQL8 auf Centos7

Neue Funktionen in MySQL 8: Meine persönliche Mei...

Der einfachste Weg, ein Programm beim Start in Linux automatisch auszuführen

Ich habe viele davon gesammelt, aber alle endeten...