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

Uniapp WeChat-Applet: Lösung bei Schlüsselfehler

Uniapp-Code <Vorlage> <Ansicht> <i...

So installieren Sie nginx unter Linux

Nginx wurde in der Programmiersprache C entwickel...

Ist ein Design, das den Designspezifikationen entspricht, ein gutes Design?

In den letzten Jahren meiner Karriere habe ich an...

Tutorial zur Installation und Konfiguration der Linux CentOS MySQL-Datenbank

Hinweise zur Installation der MySQL-Datenbank, mi...

JS realisiert Bild Digitaluhr

In diesem Artikelbeispiel wird der spezifische JS...

js Array fill() Füllmethode

Inhaltsverzeichnis 1. fill()-Syntax 2. Verwendung...

Installationsschritte der Ubuntu 20.04-Doppelpinyin-Eingabemethode

1. Chinesische Eingabemethode einrichten 2. Stell...

Detaillierte Erklärung der Entwurfsmuster des JavaScript-Frameworks

Inhaltsverzeichnis mvc MVP mvv Die Quelle von Vue...

Einführung in das Layout des HTML-Seitenquellcodes_Powernode Java Academy

Einführung in das Layout des HTML-Seitenquellcode...

Lösung für MySQL-Verbindungsausnahme und Fehler 10061

MySQL ist ein relationales Datenbankverwaltungssy...

So simulieren Sie Netzwerkpaketverlust und -verzögerung in Linux

netem und tc: netem ist ein Netzwerksimulationsmo...