本文主要是介绍ant.design RangePicker 时间处理,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
ant.design 3x(好吧,4x都出来了,不过公司用的还是3x)RangePicker 赋默认值或者获取RangePicker 的值的时候,都是一个moment 对象,我们跟后台进行数据交互的时候,一般是字符串或者时间戳。怎么进行处理呢?查看其源码,会发现其引用了momentjs ,固我们可采用moment.js 相关方法进行转换。以下记录一些常用到的方法,方便后续查阅。
赋值默认值:
<Form.Item label="活动时间">{getFieldDecorator('time', {initialValue: [moment(时间戳或者时间字符串),moment(时间戳或者时间字符串) ],})(<RangePicker />)}
</Form.Item>
判断是否是moment对象,用于在表单有多个字段时,进行判断,方便后续对moment对象进行转换:
moment.isMoment(对象)
转换成字符串时间格式:
moment对象.format(时间格式);
这篇关于ant.design RangePicker 时间处理的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!