在 React js 中以模式重新打开时在 ANTD 的日期选择器中重置当前日期
Reset the current date in datepicker of ANTD on modal reopen in react js
问题
关闭modal后antd的datepicker没有重置
如果用户 select 日期 2029/Feb/02 并在日期选择器中重新打开模态后关闭模态 selected 年是 2029
我想要的
重新打开模式后,今天的日期将是 selected
我试过的
根据文档
Antd 如果设置了 defaultPickerValue 那么它应该在模式重新打开时显示当前日期,但它不起作用
defaultPickerValue={moment()}
代码
您需要将初始状态值设置为 undefined
而不是 ""
。 defaultValue
只会在 value
属性实际上是 undefined
时设置值。
编辑:您还需要在 Modal
上添加 destroyOnClose
。 defaultValue
仅在安装组件时设置一次,并且由于关闭模式实际上并未卸载组件,因此它将保留其状态值。
问题
关闭modal后antd的datepicker没有重置 如果用户 select 日期 2029/Feb/02 并在日期选择器中重新打开模态后关闭模态 selected 年是 2029
我想要的
重新打开模式后,今天的日期将是 selected
我试过的
根据文档 Antd 如果设置了 defaultPickerValue 那么它应该在模式重新打开时显示当前日期,但它不起作用
defaultPickerValue={moment()}
代码
您需要将初始状态值设置为 undefined
而不是 ""
。 defaultValue
只会在 value
属性实际上是 undefined
时设置值。
编辑:您还需要在 Modal
上添加 destroyOnClose
。 defaultValue
仅在安装组件时设置一次,并且由于关闭模式实际上并未卸载组件,因此它将保留其状态值。