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

So verwenden Sie SHTML-Includes

Durch die Anwendung können einige öffentliche Bere...

So führen Sie das Excel-Tabellen-Plugin in Vue ein

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

Umfassendes Verständnis der Node-Ereignisschleife

Inhaltsverzeichnis Knoten-Ereignisschleife Ereign...

MySQL-Beispielcode für die Addition und Subtraktion von Datum und Uhrzeit

Inhaltsverzeichnis 1.MySQL addiert oder subtrahie...

Implementierung der VUE-Anzeige unendlicher Ebenenbaum-Datenstrukturen

Inhaltsverzeichnis Rekursiver Aufruf der Komponen...

Verwendung der Linux Dynamic Link Library

Im Vergleich zu gewöhnlichen Programmen haben dyn...

So installieren Sie die MySQL 8.0-Datenbank auf dem M1-Chip (Bild und Text)

1. Herunterladen Zunächst möchte ich einen inländ...

Implementierung einfacher Tabs mit js

Tab-Auswahlkarten werden auf echten Webseiten seh...

Zusammenfassung der MySQL-Anweisungen

Inhaltsverzeichnis 1. Datenbank USE auswählen 2. ...

Entwerfen Sie einen Datensammler mit Vue

Inhaltsverzeichnis Szenario Kernthemen Statusüber...

Eine kurze Diskussion über die Rolle leerer HTML-Links

Leerer Link: Das heißt, es besteht keine Verbindu...