Antd Form中使用getFieldDecorator给RangePicker组件设置默认时间
antd 在form中不能使用defaultValue 给RangePicker 定义默认值,正确写法:
导入相关的组件
import { DatePicker } from 'antd';
import moment from 'moment';
const { RangePicker } = DatePicker;
render函数中 定义 date格式
const DateFormat = 'YYYY-MM-DD HH:mm:ss';
使用getFieldDecorator 给 RangePicker 定义初始值
<Form.Item label="拼团活动时间">
{getFieldDecorator('timeRange', {
rules: [
{
required: true,
message: '请选择时间范围',
},
],
initialValue: [
moment('2020/04/15', DateFormat),
moment('2020/04/16', DateFormat),
],
})(
<RangePicker
showTime
format={DateFormat}
onChange={e => {
this.rangePickerChange(e);
}}/>,
)}
</Form.Item>
版权声明:
作者:东明兄
链接:https://blog.crazyming.com/note/2232/
来源:CrazyMing
文章版权归作者所有,未经允许请勿转载。
共有 0 条评论