如何解决如何在 React 的 Keyboarddatepicker 标头中格式化日期标签?
我在 Keyboarddatepicker
中使用 React
,并使用 arabic
将语言更改为 DateFnsUtils
。
唯一的问题是我想将选择器标题中的日期标签更改为自定义内容。
这能实现吗?
<MuiPickersUtilsProvider utils={DateFnsUtils} locale={arLocale}>
<KeyboardDatePicker
fullWidth
minDate={new Date()}
format="yyyy/MM/dd"
label={
<>
{t("DateDossier")}
<InputRequiredStar />
</>
}
invalidDateMessage=""
onChange={(date,formatted) => {
setPopupValues({ ...popupValues,date: date });
}}
KeyboardButtonProps={{
"aria-label": "change date",}}
value={popupValues.date}
onFocus={(e) =>
setPopupValues({
...popupValues,dateError: false,dateInvalid: false,})
}
variant="inline"
autoOk
initialFocusedDate={new Date()}
keyboardIcon={
<RiCalendarEventLine style={{ margin: "0" }} />
}
disableToolbar
leftArrowIcon={<RiArrowRightLine style={{ margin: "0" }} />}
rightArrowIcon={<RiArrowLeftLine style={{ margin: "0" }} />}
/>
</MuiPickersUtilsProvider>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。