React MUI 5 时间选择器掩码将不起作用,除非 ampm 属性 = false,并且它只能使用 hh:mm 格式
在我们的 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}
,它也不会接受自定义掩码,或者如果 inputFormat
是 hh: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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论