reactjs - 如何在 KeyboardDatePicker 中显示自定义文本(占位符)

Question

如果没有定义日期，我想在日期选择器中显示“-select date-”占位符。这可能吗？

<MuiPickersUtilsProvider utils={DateFnsUtils}>
    <KeyboardDatePicker
        disableToolbar
        variant="inline"
        format="MM/dd/yyyy"
        margin="normal"
        id="date-picker-inline"
        disablePast
    />
</MuiPickersUtilsProvider>

Answer 1

您可以以 placeholder 属性的形式提供占位符。

<MuiPickersUtilsProvider utils={DateFnsUtils}>
    <KeyboardDatePicker
        placeholder='-select date-'
        disableToolbar
        variant="inline"
        format="MM/dd/yyyy"
        margin="normal"
        id="date-picker-inline"
        disablePast
    />
</MuiPickersUtilsProvider>

查看 official documentation page 上的示例了解更多信息。