Beispiel für eine Formatierungsmethode für Datum und Uhrzeit in js

Beispiel für eine Formatierungsmethode für Datum und Uhrzeit in js

js Datums-/Zeitformat

Konvertieren Sie Datum und Uhrzeit in das angegebene Format, beispielsweise: JJJJ-mm-tt HH:MM steht für 2019-06-06 19:45

Funktion DatumsFormat(fmt, Datum) {
    lass es bleiben;
    const opt ​​= {
        "Y+": date.getFullYear().toString(), // Jahr "m+": (date.getMonth() + 1).toString(), // Monat "d+": date.getDate().toString(), // Tag "H+": date.getHours().toString(), // Stunde "M+": date.getMinutes().toString(), // Minute "S+": date.getSeconds().toString() // Sekunde // Sie können bei Bedarf weitere Formatierungszeichen hinzufügen, diese müssen jedoch in Zeichenfolgen umgewandelt werden};
    für (sei k in opt) {
        ret = neuer RegExp("(" + k + ")").exec(fmt);
        wenn (ret) {
            fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
        };
    };
    fmt zurückgeben;
}

Verwendung:

let date = neues Datum()
Datumsformat("JJJJ-mm-tt HH:MM", Datum)
>>> 06.06.2019 19:45`

Wenn Sie viele Anforderungen an die Datums- und Zeitverarbeitung haben, empfehle ich moment.js, eine einfache und praktische Bibliothek zur Datumsverarbeitung.

Moment.js formatiert Datum und Uhrzeit

Moment.js ist eine leichtgewichtige JavaScript-Zeitbibliothek, die Zeitoperationen in der täglichen Entwicklung erleichtert und die Entwicklungseffizienz verbessert. In der täglichen Entwicklung führen wir normalerweise die folgenden Vorgänge rechtzeitig aus: z. B. Zeit abrufen, Zeit einstellen, Zeit formatieren, Zeit vergleichen usw.

Datumsangaben formatieren

Aktuelle Uhrzeit:

moment().format('JJJJ-MM-TT HH:mm:ss'); //2014-09-24 23:36:09 

Welcher Tag ist heute?

moment().format('d'); //3 

Konvertieren Sie die aktuelle Zeit in einen Unix-Zeitstempel:

moment().format('X'); 

Relative Zeit

20120901 ist im Vergleich zum aktuellen Datum 2 Jahre her

moment("20120901", "JJJJMMTT").fromNow(); //vor 2 Jahren 

Datum nach 7 Tagen:

moment().add('days',7).format('JJJJ Jahr MM Monat TT Tag'); //1. Oktober 2014

Zeit nach 9 Stunden:

moment().add('Stunden',9).format('HH:mm:ss'); 

moment.js bietet eine umfangreiche Dokumentation und kann auch zum Erstellen komplexer Datums- und Zeitanwendungen wie Kalenderprojekte verwendet werden. Das am häufigsten verwendete Format in unserer täglichen Entwicklung ist die Zeitformatierung. Nachfolgend habe ich eine Tabelle mit häufig verwendeten Formaten erstellt, damit Freunde, die sie benötigen, sie einsehen können:

Formatcodes veranschaulichen Beispiel für Rückgabewert
M Monat als Zahl, ohne führende Null 1 bis 12
MM Monat als Zahl, mit führender Null 01 bis 12
MMM Dreibuchstabige Monatsabkürzung Jan bis Dez
MMMM Monat, Volltextformat Januar bis Dezember
Q Quartal 1 bis 4
D Tag des Monats, ohne führende Null 1 bis 31
DD Tag des Monats, mit führender Null 01 bis 31
D Wochentag, dargestellt durch eine Zahl 0 bis 6, 0 steht für Sonntag und 6 für Samstag
ddd Drei Buchstaben stehen für den Wochentag So bis Sa
dddd Wochentag, vollständiger Wochentagstext Von Sonntag bis Samstag
m Woche des Jahres Wie 42: bedeutet die 42. Woche
JJJJ Vierstellige Jahreszahl Beispiel: 2014 oder 2000
JJ Zweistelliges Jahr Zum Beispiel: 14 oder 98
A AM PM in Großbuchstaben Vormittags Nachmittags
A Kleinbuchstaben: „am“ und „pm“ Uhr
HH Stunde, 24-Stunden-Format, mit führender Null 00 bis 23
H Stunde, 24-Stunden-Format, keine führende Null 0 bis 23
hh Stunde, 12-Stunden-Format, mit führender Null 00 bis 12
H Stunde, 12-Stunden-Format, keine führende Null 0 bis 12
M Minuten ohne führende Nullen 0 bis 59
mm Minuten mit führenden Nullen 00 bis 59
S Sekunden ohne führende Nullen 1 bis 59
ss Beschreibung mit führenden Nullen 01 bis 59
X Unix-Zeitstempel 1411572969

Weitere Informationen zu moment.js finden Sie auf der offiziellen Website des Projekts: http://momentjs.com/

Zusammenfassen

Dies ist das Ende dieses Artikels über die Datums- und Zeitformatierung in JS. Weitere relevante Inhalte zur Datums- und Zeitformatierung in JS finden Sie in früheren Artikeln auf 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:
  • JS-Methode zum Abrufen der aktuellen Zeit im Jahr, Monat, Tag, Stunde, Minute, Sekunde und Zeitformat
  • Mehrere Methoden der Zeitformatierung in js
  • js formatiert die aktuelle Zeit in Jahr-Monat-Tag Stunde: Minute: Sekunde Implementierungscode
  • Einführung in verschiedene Methoden zum Formatieren von JS-Zeitstempeln in das Datumsformat
  • Ein einfaches Beispiel für die Formatierungszeit von JS
  • Js erhält das aktuelle Datum und die aktuelle Uhrzeit sowie den Formatcode
  • js-Methode zum Formatieren der Zeit
  • JS-Kapselungsfunktion für Zeit- und Datumsformatierung
  • Zusammenfassung der JS-Formatierungszeit
  • Zusammenfassung der JS-Formatierungsfunktionen für Uhrzeit und Datum
  • Fünf Möglichkeiten zum Formatieren der Zeit in JS

<<:  Lösung für das Problem, dass der Windows Server 2008 R2-Server ohne Grund automatisch neu gestartet wird

>>:  Lösung für den MySQL-Fehler „Jede abgeleitete Tabelle muss einen eigenen Alias ​​haben“

Artikel empfehlen

Anfänger lernen einige HTML-Tags (1)

Anfänger können HTML lernen, indem sie einige HTM...

Analyse der Benutzererfahrung beim Design von Facebook-Dating-Websites

<br />Verwandter Artikel: Analyse der Inform...

Entwicklung einer Vue Element-Frontend-Anwendung zum Abrufen von Backend-Daten

Inhaltsverzeichnis Überblick 1. Erfassung und Ver...

Zabbix konfiguriert DingTalks Alarmfunktion mit Bildern

Umsetzungsideen: Zunächst müssen die Alarminforma...

Bedingte Kommentare im Internet Explorer für XHTML

<br />Bedingte Kommentare sind eine einzigar...

HTML-Grundlagen: HTML-Inhaltsdetails

Beginnen wir mit dem Körper: Wenn Sie eine Webseit...

Detailliertes Tutorial zur Installation von InfluxDB in Docker (Leistungstest)

1. Voraussetzungen 1. Das Projekt wurde bereitges...

Datensatz zu langsamen MySQL-Abfragen und Abfragerekonstruktionsmethoden

Vorwort Was ist eine langsame Abfrage und wie kan...

Hinweise zur Verwendung des Blockquote-Tags

<br />Semantisierung lässt sich nicht mit we...

Vier Möglichkeiten zum Wechseln von Registerkarten in VUE

Inhaltsverzeichnis 1. Statische Implementierungsm...

Block- und Zeilenelemente, Sonderzeichen und Verschachtelungsregeln in HTML

Wenn wir die Verschachtelungsregeln grundlegender...