Реагировать на отключение дат по дате выбора через две недели

Question

Я использую модуль реагировать на дату на моем веб-сайте.Я хочу отключить даты через 2 недели.например, сегодня дата: 20-02-2019, поэтому я хочу отключить даты после 5 марта 2019 года.

Как я могу это сделать?

Answer 1

Вы можете добавить атрибут maxDate к вашему коду DatePicker.

   maxDate={addDays(new Date(), 13)}

Answer 2

Вы можете указать дату, которая в будущем составляет 13 дней, для maxDate проп.

Пример ( CodeSandbox )

class App extends React.Component {
  state = {
    startDate: new Date()
  };

  handleChange = date => {
    this.setState({
      startDate: date
    });
  };

  render() {
    const twoWeeksFromNow = new Date();
    twoWeeksFromNow.setDate(twoWeeksFromNow.getDate() + 13);

    return (
      <DatePicker
        selected={this.state.startDate}
        onChange={this.handleChange}
        maxDate={twoWeeksFromNow}
      />
    );
  }
}

ReactDOM.render(<App />, document.getElementById("root"));