vue3.0 时间戳转时间

摘要:
('0'+d)未知编号:d;leth=日期。getHours();h=h˂10?('0'+h)未知编号:h;letm=日期。getMinutes();m=m˂10?('0'+m)未知编号:m;lets=日期。getSeconds();s=s˂10?

由于 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=" 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>

免责声明:文章转载自《vue3.0 时间戳转时间》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Java打印程序设计物联网架构成长之路(35)-利用Netty解析物联网自定义协议下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

MongoDB中的_id和ObjectId

ObjectId是"_id"的默认类型。它设计成轻量型的,不同的机器都能用全局唯一的同种方法方便地生成它。 这是MongoDB采用ObjectId,而不是其他比较常规的做法(比如自动增加的主键)的主要原因,因为在多个 服务器上同步自动增加主键值既费力还费时。MongoDB从一开始就设计用来作为分布式数据库,处理多个节 点是一个核心要求。后面会讲到O...

使用logstash同步Mysql数据表到ES的一点感悟

针对单独一个数据表而言,大致可以分如下两种情况: 1.该数据表中有一个根据当前时间戳更新的字段,此时监控的是这个时间戳字段 具体可以看这个文章:https://www.cnblogs.com/sanduzxcvbnm/p/12858967.html 示例: modification_time就是表中要监控的时间戳字段 input { jdbc {...

piap.excel 微软 时间戳转换mssql sql server文件时间戳转换unix 导入mysql

piap.excel 微软 时间戳转换mssql sql server文件时间戳转换unix 导入mysql 需要不个mssql的sql文件导入mysql.他们的时间戳格式不同..ms用的是自定义的时间戳 excel时间戳跟mssql的一样,ms系列的都是中个阿.. 作者Attilax 艾龙, EMAIL:1466519819@qq.com 来源:att...

Oracle函数应用与查询聚合统计

Oracle预定义函数 Oracle数据库系统中定义了很多的函数(预定义)。这些函数能够完成本身特有的数据操作功能,执行效率更高并重复使用。 Oracle中的预定义函数按照对数据的操作执行特征可以分为: 单行函数——对每个记录执行一次 聚合函数(多行函数)——对多个记录行执行一次 单行函数 字符串函数 日期时间函数 数学计算函数 其它特殊函数 字符串操作函...

MySQL 日期与时间的处理

1.查询当前日期时间:函数有now(),localtime(),current_timestamp(),sysdate()。 mysql> select now(),localtime(),current_timestamp(),sysdate(); +---------------------+---------------------+--...

【SpringCloud】Spring Cloud Sleuth + Zipkin 服务调用链路追踪(二十五)

服务调用链路追踪 微服务架构是一个分布式架构,它按业务划分服务单元,一个分布式系统往往有很多个服务单元。由于服务单元数量众多,业务的复杂性,如果出现了错误和异常,很难去定位。主要体现在,一个请求可能需要调用很多个服务,而内部服务的调用复杂性,决定了问题难以定位。所以微服务架构中,必须实现分布式链路追踪,去跟进一个请求到底有哪些服务参与,参与的顺序又是怎样的...