如何清除 react-multiple-datepicker 中的值？

Question

我正在使用react-multiple-datepicker.但我无法清除分配后的值。 从 "react-multiple-datepicker "导入MultipleDatePicker；从 "react "导入React。

class Addjob extends React.Component {
    constructor(props) {
        super(props);
        this.state ={
        selectedDays:[]
        };
        this.displayDates=this.displayDates.bind(this);
    }

    displayDates(dates) {
        console.log("selected dates:"+ dates);
        console.log(typeof dates);     
        dates.forEach(function(x) {
            var d = new Date(x),
            month = '' + (d.getMonth() + 1),
            day = '' + d.getDate(),
            year = d.getFullYear();    
            if (month.length < 2) month = '0' + month;
            if (day.length < 2) day = '0' + day;
            console.log(year);
            console.log(day);
            console.log(month);
            y.push([year, month, day].join('-'));
            a=JSON.stringify(y);
            a=a.replace("[","");
            a=a.replace("]","");
            a=a.replace(/\"/g, "")  ; 
        });
        this.setState({selectedDays:a});
    }
    render() {
        return(
            <MultipleDatePicker className="multipicker" onSubmit={this.displayDates} id="multidatepicker"/>                                 
        );
    }
}

Answer 1

我认为你应该尝试这样做： - 在Render:

 render() {
        return(
                <>
                    <MultipleDatePicker className="multipicker" onSubmit={this.displayDates} 
                             id="multidatepicker"/>
                    <Button onClick={(e)=>ClearDate(e)}>Clear</Button>       
                </>                 
        );
    }

然后函数:

ClearDate = (e) => {
   e.preventDefault();
   this.setState({selectedDays:[]});
}