javascript - 如何在日期选择器中设置最大日期？

Question

我试图在日期选择器中设置最大日期，但出现错误

我正在使用这个日期选择器 https://www.npmjs.com/package/semantic-ui-calendar-react

render() {
    return (
      <DateInput
        name="date"
        placeholder="Date"
        // this works
        // maxDate={moment()}
       // this is not working
        maxDate={moment().subtract(1,'years')}
        value={this.state.date}
        iconPosition="left"
        onChange={this.handleChange}
      />
    );
  }

这是我的代码

https://codesandbox.io/s/semantic-ui-example-v9v03

我正在尝试将最大日期设置为 1 年前

Answer 1

您需要在 [minDate, maxDate] 间隔内设置一个 initialDate。

<DateInput
  maxDate={moment().subtract(1, "years")}
  initialDate={moment().subtract(1, "years")} <==
  value={this.state.date}
/>

Demo

Source (不知道为什么他们的文档中没有提到这一点)。