代码之家  ›  专栏  ›  技术社区  ›  ismail.khn

如何更改MUI日期选择器的“选择日期”标签?

  •  0
  • ismail.khn  · 技术社区  · 1 年前

    我需要找到SELECT DATE标签的localeText道具。我尝试了几个localeText道具。最后一个解决方案是用CSS删除标签。但如果我找到了道具,我会让标签动态化以进行本地化。

    这是代码:

    <DatePicker
      localeText={{ cancelButtonLabel: t('close') }}
      className='bg-[#0000000F] w-[250px]'
      format='dd.MM.yyyy'
      value={field.value}
      onChange={(date) => {
        if (date instanceof Date && !isNaN(date.getTime())) {
          const formattedDate = format(date, 'yyyy-MM-dd');
          const dateObject = new Date(formattedDate);
          field.onChange(dateObject);
        }
      }}
      autoFocus={true}
    />
    

    enter image description here

    1 回复  |  直到 1 年前
        1
  •  0
  •   Mosh Feu Alex Chen    1 年前

    toolbarTitle 是控制高亮显示的文本的道具

    <StaticDatePicker localeText={{ toolbarTitle: "My translation" }} />
    

    https://codesandbox.io/p/sandbox/green-haze-4v6vgp?file=%2Fsrc%2FDemo.tsx%3A11%2C70