antd RangePicker 清空数据后异常弹起

迷失的羔羊over

已于 2023-05-26 11:16:55 修改

阅读量1.1k

点赞数

分类专栏：前端文章标签：前端 javascript css

于 2022-07-26 15:11:36 首次发布

本文链接：https://blog.csdn.net/qq_38427709/article/details/125995150

版权

前端专栏收录该内容

36 篇文章 0 订阅

订阅专栏

版本：2.X
通过form.setFieldsValue设置值

  <DatePicker.RangePicker 
    allowClear
    picker="month" 
    style={{ width: StaticVar.TWOFF }}
    onChange={d => !d && () => form.setFieldsValue({time: initValues.time})}
    disabledDate={cur => cur && cur.valueOf() > Date.now()}
  />

会触发时间选择器的弹框弹起，导致操作很奇怪
于是我通过setImmediate，进行异步操作

  <DatePicker.RangePicker 
    allowClear
    picker="month" 
    style={{ width: StaticVar.TWOFF }}
    // 异步操作
    onChange={d => !d && setImmediate(() => form.setFieldsValue({time: initValues.time}))}
    disabledDate={cur => cur && cur.valueOf() > Date.now()}
  />