如何设置MUI DatePicker 的占位符文本？

Question

如何设置 MUI 的占位符文本 DatePicker。删除输入字段中的文本时显示的文本。我想将文本设置为 "tt.mm.jjjj" 并且总是出现以下错误消息：

Format string contains an unescaped latin alphabet character `j`

Sandbox

<DatePicker
  inputFormat="tt.mm.jjjj"
    label="Basic example"
    value={value}
    onChange={(newValue) => {
      setValue(newValue);
    }}
    renderInput={(params) => <TextField placeholder="tt.mm.jjjj" {...params} />}
  />

Answer 1

这就是在 DatePicker 中重置 TextField 占位符的方法。它不起作用的原因是因为它被 DatePicker 本身基于 inputFormat:

提供的 params.inputProps 覆盖

<DatePicker
  {...}
  inputFormat="tt.mm.yyyy"
  renderInput={(params) => {
    console.log(params);
    return (
      <TextField
        {...params}
        inputProps={{
          ...params.inputProps,
          placeholder: "tt.mm.jjjj"
        }}
      />
    );
  }}
/>

如何设置MUI DatePicker 的占位符文本？

How to set the placeholder text of the MUI DatePicker?

reactjs

material-ui

date-fns