a543462378 2022-01-07 10:51 采纳率: 82%
浏览 70
已结题

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

如图所示

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只对第一个生效?

展开全部

  • 写回答

3条回答 默认 最新

  • variation8 2022-01-07 11:29
    关注
    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>
    
    

    展开全部

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 1月17日
  • 已采纳回答 1月10日
  • 创建了问题 1月7日

悬赏问题

  • ¥15 FPGA芯片60进制计数器
  • ¥15 前端js怎么实现word的.doc后缀文件在线预览
  • ¥20 macmin m 4连接iPad
  • ¥15 DBIF_REPO_SQL_ERROR
  • ¥15 根据历年月数据,用Stata预测未来六个月汇率
  • ¥15 DevEco studio开发工具 真机联调找不到手机设备
  • ¥15 请教前后端分离的问题
  • ¥100 冷钱包突然失效,急寻解决方案
  • ¥15 下载honeyd时报错 configure: error: you need to instal a more recent version of libdnet
  • ¥15 距离软磁铁一定距离的磁感应强度大小怎么求
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部