vue3 timestamp conversion (without using filters)

When vue2 converts timestamps, it generally uses filters. After vue3, vue3 removes filters and can no longer be used. The official recommendation is to use methods or calculated properties.

A Time.ts file is written below, which can convert timestamps:

class Time {
    //Format time public formatTime(time: number) {
        let date = new Date(time * 1000);
        let year = date.getFullYear();
        let month = date.getMonth() + 1;
        let day = date.getDate();
        let hour = date.getHours();
        let minute = date.getMinutes();
        let second = date.getSeconds();
        return year + "-" + month.toString().padStart(2, "0") + "-" + day.toString().padStart(2, "0")
            + " " + hour.toString().padStart(2, "0") + ":" + minute.toString().padStart(2, "0")
            + ":" + second.toString().padStart(2, "0");
    }
}
 
const time = new Time();
export default time;

To use it, just call this method in the template and pass in the corresponding timestamp.

{{ time.formatTime(timestamp) }}

Display effect:

2021-05-17 10:59:59

Currently, it can only be converted into the above format. If more formats are required, you can add a second parameter to formatTime to indicate the formatted time format, and then convert accordingly.

This is the end of this article about vue3 timestamp conversion (without using filters). For more relevant vue3 timestamp conversion content, please search 123WORDPRESS.COM's previous articles or continue to browse the following related articles. I hope everyone will support 123WORDPRESS.COM in the future!