在重要的ui datepicker中禁用将来的日期

时间:2018-10-22 06:10:47

标签: javascript reactjs material-ui

我们如何从材料ui datepicker中禁用将来的日期。我看到的是它不接受任何原型作为disableFuture或past。 这是回购的github链接。      sandboxlink

2 个答案:

答案 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

供参考,请参阅文档。

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