отключение будущих дат в материале пользовательского интерфейса

Question

Как мы можем отключить будущие даты из материала up datepicker. Что я вижу, так это то, что он не принимает какие-либо типы в качестве disableFuture или past.Вот ссылка на репозиторий github. sandboxlink

Answer 1

Вы можете добавить InputProps={{ inputProps: { max: "2017-05-29" } }} к вашему <TextField />, тогда оно будет работать.Например я взял "2017-05-29" это максимальная дата.Я обновил то же самое в предоставленной вами песочнице.

<form className={classes.container} noValidate>
    <TextField
        id="date"
        label="Birthday"
        type="date"
        defaultValue="2017-05-24"
        InputProps={{ inputProps: { max: "2017-05-29" } }}
        className={classes.textField}
        InputLabelProps={{ shrink: true }}
    />
</form>

Answer 2

В настоящее время компонент выбора материала не полностью реализован.Тем не менее его использует родной элемент типа ввода.Таким образом, вы не можете пройти ограничение даты для будущего и прошлого.Другим способом вы создадите вспомогательную функцию для ввода и подтвердите выбор каждой даты.

Но я предлагаю лучше использовать эту библиотеку https://material -ui-pickers.firebaseapp.com / Installation , предложенную на странице документации материала.

для справки, смотритедокументация.

https://material -ui.com / demos / pickers / # date-pickers