我正在嘗試自定義 mui DatePicker。我希望日期格式如下：日，DD 月。示例：9 月 10 日，星期一，這是我的代碼：
<LocalizationProvider dateAdapter={AdapterDateFns} locale={frLocale}>
<Stack spacing={3}>
<ThemeProvider theme={calendarTheme}>
<DatePicker
disabled={false}
//the current format
inputFormat="MM/dd/yyyy"
leftArrowButtonText={t("notification.previous_month")}
rightArrowButtonText={t("notification.next_month")}
minDate={today}
InputProps={{
classes: {
notchedOutline: classes.noBorder,
root: classes.reverse,
},
}}
components={{
OpenPickerIcon: Table,
SwitchViewIcon: ArrowDown,
}}
value={value}
onChange={handlechange}
renderInput={(params: any) => (
<TextField
style={{
color: "red",
}}
{...params}
/>
)}
/>
</ThemeProvider>
</Stack>
</LocalizationProvider>
uj5u.com熱心網友回復：
您需要使用 fromat 之類的format="EEEE, MM MMMM"：
<DesktopDatePicker
label="Date desktop"
inputFormat="EEEE, MM MMMM"
openTo={"day"}
value={value}
onChange={handleChange}
renderInput={(params) => <TextField {...params} />}
/>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/400132.html
上一篇：JavascriptgetTime()提供令人困惑的結果
下一篇：如何從連接的列中按年份分組