怎么样让重置按钮只重置时间

如图所示

img


怎么样重置只重置第一个时间不干扰后面的选项,我的代码如下

function handleReset() {
        console.log(condition11);
        form.resetFields();
        setCondition11({
            startTime: moment().subtract(1, 'years').format("YYYY-MM"),
            endTime: moment().format("YYYY-MM"),
        })
    }


<Form onFinish={onFinish} form={form} initialValues={{
                    time: [moment().subtract(1, 'years'), moment()],
                    portType: '1',
                    portArea: '0'
                }} labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
                    <Row>
                        <Col span={8}>
                            <Form.Item name='time' label='时间范围'>
                                <DatePicker.RangePicker picker='month' style={{ width: '100%' }} format="YYYY-MM" />
                            </Form.Item>
                        </Col>
                        <Col span={8}>
                            <Form.Item name='portType' label='单位类型'>
                                <Select placeholder='请选择单位类型' value={portType} onChange={setPortType}>
                                    <Select.Option value="1">货运港口</Select.Option>
                                    <Select.Option value="0">客运港口</Select.Option>
                                </Select>
                            </Form.Item>
                        </Col>
                      <Col span={24}>
                            <div className='right'>
                                <Space>
                                    <Button onClick={handleReset}>重置</Button>
                                    <Button type='primary' htmlType='submit'>搜索</Button>
                                </Space>
                            </div>
                        </Col>
                    </Row>
                </Form>

怎么样让resetFields只对第一个生效?

function handleReset() {
        console.log(condition11);
        form.resetFields(['time']);
        setCondition11({
            startTime: moment().subtract(1, 'years').format("YYYY-MM"),
            endTime: moment().format("YYYY-MM"),
        })
    }
 
 
<Form onFinish={onFinish} form={form} initialValues={{
                    time: [moment().subtract(1, 'years'), moment()],
                    portType: '1',
                    portArea: '0'
                }} labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
                    <Row>
                        <Col span={8}>
                            <Form.Item name='time' id="time" label='时间范围'>
                                <DatePicker.RangePicker picker='month' style={{ width: '100%' }} format="YYYY-MM" />
                            </Form.Item>
                        </Col>
                        <Col span={8}>
                            <Form.Item name='portType' label='单位类型'>
                                <Select placeholder='请选择单位类型' value={portType} onChange={setPortType}>
                                    <Select.Option value="1">货运港口</Select.Option>
                                    <Select.Option value="0">客运港口</Select.Option>
                                </Select>
                            </Form.Item>
                        </Col>
                      <Col span={24}>
                            <div className='right'>
                                <Space>
                                    <Button onClick={handleReset}>重置</Button>
                                    <Button type='primary' htmlType='submit'>搜索</Button>
                                </Space>
                            </div>
                        </Col>
                    </Row>
                </Form>


function handleReset() {
       document.getElementById("time").reset();
    }
 
 
<Form onFinish={onFinish} form={form} initialValues={{
                    time: [moment().subtract(1, 'years'), moment()],
                    portType: '1',
                    portArea: '0'
                }} labelCol={{ span: 8 }} wrapperCol={{ span: 16 }}>
                    <Row>
                        <Col span={8}>
                            <Form.Item name='time' id="time" label='时间范围'>
                                <DatePicker.RangePicker picker='month' style={{ width: '100%' }} format="YYYY-MM" />
                            </Form.Item>
                        </Col>
                        <Col span={8}>
                            <Form.Item name='portType' label='单位类型'>
                                <Select placeholder='请选择单位类型' value={portType} onChange={setPortType}>
                                    <Select.Option value="1">货运港口</Select.Option>
                                    <Select.Option value="0">客运港口</Select.Option>
                                </Select>
                            </Form.Item>
                        </Col>
                      <Col span={24}>
                            <div className='right'>
                                <Space>
                                    <Button onClick={handleReset}>重置</Button>
                                    <Button type='primary' htmlType='submit'>搜索</Button>
                                </Space>
                            </div>
                        </Col>
                    </Row>
                </Form>

不知道你解决了没?

如果没解决,我们可以来交流。


有任何疑问都可以来交流。