0

反应:我必须在一天中选择日期范围或时间范围

有日期和时间范围,但想检查一天的日期范围或时间范围。这意味着如果您选择日期范围,则必须禁用时间选择,如果您想检查一天,我们必须通过时间范围。

    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;
4

0 回答 0