如何设置 MUI 的占位符文本DatePicker
。删除输入字段中的文本时显示的文本。我想将文本设置为"tt.mm.jjjj"
我总是出现以下错误消息:
Format string contains an unescaped latin alphabet character `j`
Sandbox https://codesandbox.io/s/basicdatepicker-material-demo-forked-657hj?file=/demo.js:410-679
<DatePicker
inputFormat="tt.mm.jjjj"
label="Basic example"
value={value}
onChange={(newValue) => {
setValue(newValue);
}}
renderInput={(params) => <TextField placeholder="tt.mm.jjjj" {...params} />}
/>
这是重置占位符的方法TextField
在 - 的里面DatePicker
。它不起作用的原因是因为它被覆盖了params.inputProps
由提供DatePicker
本身基于inputFormat
:
<DatePicker
{...}
inputFormat="tt.mm.yyyy"
renderInput={(params) => {
console.log(params);
return (
<TextField
{...params}
inputProps={{
...params.inputProps,
placeholder: "tt.mm.jjjj"
}}
/>
);
}}
/>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)