Vue3-Zeitstempelkonvertierung (ohne Verwendung von Filtern)

Wenn vue2 Zeitstempel konvertiert, verwendet es im Allgemeinen Filter. Nach vue3 entfernt vue3 Filter und kann nicht mehr verwendet werden. Die offizielle Empfehlung lautet, Methoden oder berechnete Eigenschaften zu verwenden.

Nachfolgend ist eine Time.ts-Datei geschrieben, die Zeitstempel konvertieren kann:

Klasse Zeit {
    //Zeit formatieren public formatTime(time: number) {
        let date = neues Datum (Uhrzeit * 1000);
        Jahr = Datum.getFullYear();
        lass Monat = Datum.getMonth() + 1;
        lass Tag = Datum.getDate();
        lass Stunde = Datum.getHours();
        let minute = date.getMinutes();
        lass Sekunde = Datum.getSeconds();
        returniere Jahr + "-" + Monat.toString().padStart(2, "0") + "-" + Tag.toString().padStart(2, "0")
            + " " + Stunde.toString().padStart(2, "0") + ":" + Minute.toString().padStart(2, "0")
            + ":" + zweite.toString().padStart(2, "0");
    }
}
 
const Zeit = neue Zeit();
Standardzeit exportieren;

Um es zu verwenden, rufen Sie einfach diese Methode in der Vorlage auf und übergeben Sie den entsprechenden Zeitstempel.

{{ Zeit.formatTime(Zeitstempel) }}

Anzeigeeffekt:

17.05.2021 10:59:59 Uhr

Derzeit ist nur eine Konvertierung in das obige Format möglich. Wenn weitere Formate erforderlich sind, können Sie formatTime einen zweiten Parameter hinzufügen, um das formatierte Zeitformat anzugeben, und dann entsprechend konvertieren.

Dies ist das Ende dieses Artikels über die Vue3-Zeitstempelkonvertierung (ohne Verwendung von Filtern). Weitere relevante Inhalte zur Vue3-Zeitstempelkonvertierung 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!