如何在 material-ui KeyboardDateTimePicker 中禁用未来时间 reactjs

Question

赏金将在 2 天内到期。 此问题的答案有资格获得+50声望赏金。 Vishal Nai正在从有信誉的来源寻找答案。

我正在使用 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 prop 传递给底层Textfield组件来自己验证该值。

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

然后，您可以使用helperText添加自定义错误消息： react material - ui text field validation: set custom error messages 。