vue3.0 时间戳转时间

时间:2021-08-11
本文章向大家介绍vue3.0 时间戳转时间,主要包括vue3.0 时间戳转时间使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

由于 3.0 移除了2.0 的 filters 后,

所以在3.0中,设置:

<script lang="ts">
    export default defineComponent({
        name: "Home",
        setup() {
            // 时间戳转时间
            function formatDate(value: string|number|Date) {
                let date = new Date(value);
                let y = date.getFullYear();
                let MM = date.getMonth() + 1 as number;
                MM = MM < 10 ? ('0'+MM) as unknown as number : MM;
                let d = date.getDate();
                d = d < 10 ? ('0' + d) as unknown as number : d;
                let h = date.getHours();
                h = h < 10 ? ('0' + h) as unknown as number : h;
                let m = date.getMinutes();
                m = m < 10 ? ('0' + m) as unknown as number : m;
                let s = date.getSeconds();
                s = s < 10 ? ('0' + s) as unknown as number : s;
                return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;
            };
    }
    return{ formatDate,
    } });
</script>
<template>
    <el-table
                :data="tableData"
                style="width: 100%"
                :fit="true"
                @selection-change="handleSelectionChange"
                row-key="id"
                :header-cell-style="{background:'#F5F6FA',color:'#585858',textAlign: 'center',fontSize: '12px'}">
                <el-table-column
                    prop="createTime"
                    label="导入时间"
                    align="center"
                    min-width="160"
                    show-overflow-tooltip
                >
                    <template v-slot="scope">
                        <span v-if="scope.row.createTime !== null">{{formatDate(scope.row.createTime)}}</span>
                    </template>
                </el-table-column>
</template>

原文地址:https://www.cnblogs.com/moguzi12345/p/15128434.html