Material UI 键盘日期选择器中用于键入值的问题

Question

如果我通过单击日历 select 一个日期会发生什么，它可以正常工作，但是如果我第一次将日期设置为空并且我将输入日期，它不会像日期格式一样做出反应，它的 go 就像11111111111111111111一样打破它的格式日期，但如果我从日历中的 select 之后，我将编辑它只有第一次才能正常工作，如果我要编辑直接类型它会出错。

<MuiPickersUtilsProvider utils={DateFnsUtils}>
      <Grid container justifyContent="space-around">
        <KeyboardDatePicker
          disableToolbar
          variant="inline"
          format="MM/dd/yyyy"
          margin="normal"
          id="date-picker-inline"
          label="Date picker inline"
          value={formik.values.dob}
          onChange={handleChangeDate}
          KeyboardButtonProps={{
            "aria-label": "change date"
          }}
        />
      </Grid>
    </MuiPickersUtilsProvider>

代码沙盒链接

Answer 1

如果要将今天的日期作为默认日期，可以执行以下操作； 而不是使用空字符串设置 initialValues：

const formik = useFormik({
  initialValues: { dob: undefined },
  onSubmit: (values) => {
  //  handleNext(values);
  }
})

无论如何，它可以解决您的问题。