我们如何从材料ui datepicker中禁用将来的日期。我看到的是它不接受任何原型作为disableFuture或past。 这是回购的github链接。 sandboxlink
答案 0 :(得分: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>
答案 1 :(得分:0)
当前物料拾取器组件尚未完全实现。它仍然使用本机输入类型元素。因此,您不能通过日期限制来限制将来和过去的日期。您将为输入创建辅助函数并在每个输入上进行验证的另一种方法 日期选择。
但是我建议最好使用材料文档页面建议的这个库https://material-ui-pickers.firebaseapp.com/installation。
供参考,请参阅文档。