typescript 更改StaticDateTimePicker MUI中的文本

xoshrz7s  于 2023-05-01  发布在  TypeScript
关注(0)|答案(1)|浏览(111)

我想更改组件StaticDateTimePicker what to replace的标题文本
在DOM中,他是enter image description here
根据API文档,我意识到我需要参考组件:工具栏并使用自定义enter image description hereenter image description here
我找到了默认的工具栏,(import {DateTimePickerToolbar} from“@mui/x-date-pickers”;)但是我不知道怎么改变里面的这个组件

uyhoqukh

uyhoqukh1#

您需要的是Material UI中的本地化来替换文本:https://mui.com/x/react-date-pickers/localization/
要替换的键称为dateTimePickerToolbarTitle(参考:https://github.com/mui/mui-x/blob/e4a23755d6f0516ab1ca1a7237e51db9d765343e/packages/x-date-pickers/src/locales/enUS.ts#L31)
要覆盖您的特定大小写,请执行以下操作:

<StaticDateTimePicker localeText={{ dateTimePickerToolbarTitle: 'Your Text Here' }} />

相关问题