清空antd-design时间选择组件 RangePicker的值

可以给这个 RangePicker 控件设置一个key,通过将key设置为new Date() 达到清空目的,具体操作如下:

const [keyValue, setKeyValue] = useState('');
 
/**
 *  重置
 */
function reset() {
        setKeyValue(new Date());
} 

return (
<div>
    <RangePicker
            format={dateFormat}
            key={keyValue}
            onChange={(value, date) => {
              setApplyDeadlineTime(date);
         }}
    />
    <button onChange={()=>reset()}>重置</button>
</div>
)

 

posted @ 2020-01-09 08:49  土豆儿哥  阅读(5655)  评论(0编辑  收藏  举报