React开发踩过的坑1:时间日期选择后不渲染

最新推荐文章于 2023-12-27 17:21:48 发布

孙俊熙

最新推荐文章于 2023-12-27 17:21:48 发布

阅读量424

点赞数

分类专栏：前端 react 文章标签： react.js javascript vue.js

本文链接：https://blog.csdn.net/huihui_999/article/details/125224498

版权

149 篇文章 4 订阅

订阅专栏

37 篇文章 1 订阅

订阅专栏

就像这样,使用了antd组件库中table和DatePicker组件,点击编辑后时间日期就没有了,别的下拉菜单和输入框都没有问题,后来我查了一下,是这么解决的,现在我总结一下:

1.首先引入moment

import moment from 'moment'

2.在table组件的columns中添加如下:

{
	title: '时间',
	align: 'center',
	dataIndex: 'createTime',
	+render: (val) => {
	+return val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : ''
	}
}

3.再看DatePicker组件

    <DatePicker 
    defaultValue={moment('2015/01/01', dateFormat)}
    format={dateFormat} 
   />

这样基本就可以显示了,默认值你可以改,也可以不设置,主要是用到了第三方插件moment的使用,虽然是小问题,但也是踩过的坑,在此总结一下,日后看见直接跳过就好.

关注