如何在reactjs中禁用material-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 是未来的日期，您可以通过将 prop 传递error给底层组件来自行验证该值。Textfield

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

helperText然后，您可以使用prop: reactmaterial-uitextfieldvalidation:setcustomerrormessages添加自定义错误消息。