鍍金池/ 問答/HTML/ 如何清空antd-design中時間選擇組件 RangePicker的值？

如何清空antd-design中時間選擇組件 RangePicker的值？

圖片描述

 <Form.Item label={fieldLabels.createTime}>
                                            <RangePicker
                                                ref="myTextInput"
                                                showTime={{format: 'HH:mm'}}
                                                format="YYYY-MM-DD HH:mm"
                                                placeholder={['開始日期', '結束日期']} style={{width: 210}}
                                                onChange={this.handlePickerChange}/>
</Form.Item>
回答
編輯回答
懷中人

state綁定value，點擊設置

state = {
    value: '',
};

// 點擊清除
handleClick = () => {
    this.setState({ value: null });
}


// render:
<RangePicker value={this.state.value}/>
2018年3月24日 08:12
編輯回答
落殤

使用getFieldDecorator將RangPicker包裹起來。
然后再使用setFieldsValue將其值設置為undefined

2017年8月29日 18:03
編輯回答
亮瞎她

給RangePicker添加value屬性，變成受控組件，清空的時候設置value為null

2017年2月25日 11:09
編輯回答
維他命

這個怎么弄啊

2018年1月7日 11:11