添加 inputFormat 时 MUI 5 datePikker 出现问题

Question

如果我通过单击日历选择日期会发生什么，它可以正常工作，但如果我设置 inputFormat="yyyy/MM/dd" 那么我将输入日期，它不会像日期格式那样做出反应 11111111111111111111 它被认为是这样的字符串，因此它破坏了日期的格式，但是如果我从日历中选择它可以正常工作，但只有当我编辑直接类型时才会出错。

 <LocalizationProvider dateAdapter={AdapterDateFns}>
      <DatePicker
        label="Basic example"
        value={value}
        inputFormat="yyyy/MM/dd"
        onChange={(newValue) => {
          setValue(newValue);
        }}
        renderInput={(params) => <TextField {...params} />}
      />
    </LocalizationProvider>

Answer 1

将mask 属性添加到您的代码中。

<DatePicker
  ...
  mask="____/__/__"
/>