ant-design-vue前端UI库,如何解决Table中时间格式化问题
更新时间：2024年03月18日 14:28:54 作者：南独酌酒nvn
这篇文章主要介绍了ant-design-vue前端UI库,如何解决Table中时间格式化问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
Vue+Antd时Table组件时间格式化问题
修改前日期格式
修改后效果
1. script 标签中引入 moment
框架自带，直接引入即可
import moment from 'moment'
2. Antd 的 table 表格 columns 表格设置
{
title: '时间',
align: 'center',
dataIndex: 'createTime',
render: (val) => {
return val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : ''
}
}
3. 修改完后重新刷新页面即可看到最新的结果
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
本文为大家介绍Vue中路由的使用方法,包括安装路由创建路由并导出以及在应用实例中使用vue-router的相关知识,本文结合实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-02-02
这篇文章主要为大家详细介绍了Vue表单验证插件Vue Validator使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
vite是VUE3创建项目的工具,项目大了之后,性能明显优于webpack,下面这篇文章主要给大家介绍了关于vite构建vue3项目的相关资料,需要的朋友可以参考下2023-01-01
vue打包后dist目录下的index.html网页显示空白的问题(两种方案)
本文主要介绍了vue打包后dist目录下的index.html网页显示空白的问题,主要介绍了两种方式,具有一定的参考价值,感兴趣的可以了解一下2023-11-11
这篇文章主要介绍了vue完美实现el-table列宽自适应，对vue感兴趣的同学，可以参考下2021-05-05
这篇文章主要介绍了vue中实现回车键登录功能,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2020-02-02
这篇文章主要为大家详细介绍了vue iview实现动态新增和删除，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
这篇文章主要介绍了关于this.$refs获取不到dom的可能原因及解决方法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2023-11-11
在国内安装node-sass常因无法稳定连接GitHub而失败,解决方法包括手动下载对应的binding.node文件并放入缓存目录,操作步骤详细,适合非Python用户,无需额外环境配置2024-10-10
在前端开发中,经常需要打印页面的特定部分,比如客户列表或商品详情页,要快速实现这些功能,可以使用 vue3-print-nb 插件,本文就给大家介绍了如何在 Vue 3 中使用 vue3-print-nb 实现灵活的前端打印,需要的朋友可以参考下2024-06-06
最新评论