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-virtual-scroll-list虚拟组件实现思路详解
这篇文章主要给大家介绍了关于vue-virtual-scroll-list虚拟组件实现思路的相关资料,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2023-02-02
Vue组件间通信方法总结（父子组件、兄弟组件及祖先后代组件间）
这篇文章主要给大家介绍了关于Vue组件间通信的相关资料，其中包括父子组件、兄弟组件及祖先后代组件间的通信，文中通过示例代码介绍的非常详细，对大家学习或者使用Vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-04-04
简单的Vue异步组件实例Demo
大家都知道当使用时才装入需要的组件，可以有效的提高首次装入页面的速度。比如在路由切换时，下面这篇文章主要给大家介绍了关于如何实现一个简单的Vue异步组件的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考下。
2017-12-12
在vue中使用echarts图表实例代码详解
本文通过实例代码给大家介绍了在vue中使用echarts图表的方法，需要注意的事项文中给大家提到,需要的朋友可以参考下
2018-10-10
详解ElementUI之表单验证、数据绑定、路由跳转
本篇文章主要介绍了ElementUI之表单验证、数据绑定、路由跳转，非常具有实用价值，需要的朋友可以参考下
2017-06-06
vue增加强缓存和版本号的实现方法
这篇文章主要介绍了vue增加强缓存和版本号的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2019-05-05
一文详解Vue中渲染器的简单实现
渲染器用于完成渲染操作,比如在浏览器平台上渲染器可以将虚拟DOM转换为真实DOM,本文将通过一个简单例子来带大家理解Vue中渲染器的工作过程,并通过代码示例讲解的非常详细,需要的朋友可以参考下
2024-05-05
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
这篇文章主要介绍了浅谈vue中关于checkbox数据绑定v-model指令的个人理解,v-model用于表单的数据绑定很常见，下面就来详细的介绍一下
2018-11-11
Vue2 Element description组件列合并详解
在使用Vue的时候经常会涉及到表格的列合并,下面这篇文章主要给大家介绍了给大家Vue2 Element description组件列合并的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
2023-01-01
Vue3使用watch进行深度观察的操作方法
在 Vue 3 中,一个重要的特性是 watch 选项,它允许开发者对数据变化进行观察,本篇博客将详细介绍如何在 Vue 3 中使用 watch 进行深度观察,特别是在使用 setup 语法糖时,需要的朋友可以参考下
2024-11-11