如何在reactjs中的material-ui datepicker中禁用将来的日期

Question

如何在reactjs中禁用material-ui datepicker中的未来日期？

我想在ReactJS中禁用今天的材料-ui之后的未来日期.如何禁用未来日期？

Answer 1

使用当前的material-ui并且如果您使用KeyboardDatePicker，则以下内容将起作用

import { KeyboardDatePicker } from '@material-ui/pickers';

<KeyboardDatePicker
  // other props
  disableFuture={true}
/>

Answer 2

有一个属性maxDate的DatePicker,你可以设置为今天的日期,它不会允许选择将来的日期.

maxDate = {new Date()}

使用它像这样:

<DatePicker
    onChange= {...}
    mode="landscape"
    value={...}
    floatingLabelText="Date"
    minDate={...}
    maxDate={new Date()}  //maxDate
/>

注意:您也可以在中指定最小日期minDate.

检查DOC.