React MUI 5 时间选择器掩码将不起作用,除非 ampm 属性 = false,并且它只能使用 hh:mm 格式

发布于 2025-01-10 11:15:25 字数 692 浏览 1 评论 0原文

在我们的 React 应用程序中使用 MUI-5 时间选择器,并尝试为键盘输入实现掩码。但是,掩码工作的唯一方法是当 ampm 属性为 false 且似乎仅适用于 hh:mm 时,

即可使掩码工作的唯一代码

    <LocalizationProvider dateAdapter={DateAdapterLuxon}>
      <Stack spacing={3}>
        <TimePicker
          value={value}
          onChange={setValue}
          inputFormat="hh:mm"
          ampm={false}
          renderInput={(params) => <TextField {...params} />}
        />
      </Stack>
    </LocalizationProvider>

这是如果删除 ampm={false}ampm={false} code> (默认为 true)则屏蔽将不起作用。 即使使用 ampm={false} ,它也不会接受自定义掩码,或者如果 inputFormathh:mm 以外的任何内容

Using MUI-5 time picker for our React app and are trying to implement mask for keyboard input. However, the only way for mask to work is when the ampm prop is false and only seem to work for hh:mm

Here is the only code I can make the mask to work

    <LocalizationProvider dateAdapter={DateAdapterLuxon}>
      <Stack spacing={3}>
        <TimePicker
          value={value}
          onChange={setValue}
          inputFormat="hh:mm"
          ampm={false}
          renderInput={(params) => <TextField {...params} />}
        />
      </Stack>
    </LocalizationProvider>

if I remove ampm={false} (the default is true) then masking will not work.
even with ampm={false} it will not accept custom mask or if inputFormat is anything other then hh:mm

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文