Question

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

我该怎么做？

Answer 1

您可以为maxDate道具指定未来13天的日期。

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属性添加到日期选择器代码中。

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

Answer 3

您使用的 react-datepicker 组件已具有 includeDates 参数。

me@mypc:~$ tmux list-sessions
error connecting to /tmp/tmux-1000/default (No such file or directory)
me@mypc:~$ whereis tmux
tmux: /usr/bin/tmux /usr/share/man/man1/tmux.1.gz

上面的代码仅用于显示今天和明天。如果要显示两周的日期，只需在数组中添加天数列表（第7行）。

该特定部分https://reactdatepicker.com/#example-include-dates的链接

两周后反应datepicker禁用日期

3 个答案: