反应:我必须在一天中选择日期范围或时间范围
有日期和时间范围,但想检查一天的日期范围或时间范围。这意味着如果您选择日期范围,则必须禁用时间选择,如果您想检查一天,我们必须通过时间范围。
import React from "react";
import {render} from "react-dom";
import DatePicker from "react-date-picker";
class Datepick extends React.Component {
state = {
startDate: new Date(),
endDate: new Date()
};
handleStartChange = startDate => {
this.setState({startDate});
this.to.openCalendar();
};
handleEndChange = endDate => {
return this.setState({endDate});
};
render() {
const {startDate, endDate} = this.state;
return (
<div style={{height: "100vh"}}>
<span>
<DatePicker
onChange={this.handleStartChange}
value={startDate}
showLeadingZeroes={true}
minDate={new Date()}
/>
</span>
<span>
<DatePicker
ref={el => (this.to = el)}
onChange={this.handleEndChange}
value={endDate}
showLeadingZeroes={true}
minDate={new Date()}
/>
</span>
</div>
);
}
}
export default Datepick;