如何在reactjs中的材料ui KeyboardDateTimePicker中禁用未来时间

Question

我正在使用Material UI KeyboardDateTimePicker，通过使用disabledFuture，我可以禁用未来日期，但我也想禁用未来时间。任何解决方案都将受到的赞赏

import { KeyboardDateTimePicker } from "@material-ui/pickers";
<KeyboardDateTimePicker
color="primary"
disableFuture
format="yyyy-MM-dd hh:mm a"
label={intl.formatMessage({ id: "end" })}
margin="normal"
onChange={(x) => onChange({ from, to: x?.toJSDate() ?? null })} 
value={to}
variant="inline"
maxDate={new Date()}
/>

注意-我不想更新库

Answer 1

如果dateTime在将来，您可以通过将error道具传递给底层Textfield组件来验证值。

<KeyboardDateTimePicker
value={to}
error={dateTimeIsInFuture(to)}

然后，您可以使用helperTextprop:areact material-ui文本字段验证：设置自定义错误消息来添加自定义错误消息。