公司在用react及antd进行后台管理系统开发,有一个表单页需要时间查询,功能类似于下图
选择每个选项会修改后面的日期选择器的值,比如选择本月,就会加以限制只能在本月范围内选择,且默认值变为本月开始到今天为止的时间。
官方示例的demo没有相关功能,只能自己扩展,不多BB直接上代码。
表单HTML部分代码:
<Form
layout="horizontal"
name="userForm"
form={form}
initialValues={
{
createdDate: 'all'
}}
onFinish={onFinish}
>
<Row>
<Col span={10} style={
{padding: '0px 12px 0px 24px'}}>
<Form.Item label="订单日期" name='createdDate'>
<Radio.Group onChange={chengSelect}>