React datepicker禁用两周后的日期

Question

我在我的网站上使用react-datepicker模块。我想在2周后禁用日期。例如，今天的日期是：20-02-2019，所以我想在2019年3月5日之后禁用日期。

我怎样才能做到这一点？

Answer 1

您可以将未来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"));

Answer 2

您可以将maxDate属性添加到datepicker代码中。

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