如何限制 material-ui timepicker 只允许某些时间?

jas*_*san 3 timepicker reactjs material-ui

我目前正在使用 material-ui时间选择器组件。我有一个用例,我需要将选定的时间选项限制为每小时(00 分钟)和半小时(30 分钟)。这可能吗?我已经知道我可以在用户选择任何分钟和下一个小时标记或半小时标记后获取分钟值,但我希望用户使用 UI(时间选择器)了解限制。

小智 20

minutesStep material-ui TimePicker 组件的属性描述了移动时钟指针时应该添加/减去多少分钟。在您的情况下,使用值为 30。

  • 这应该被标记为正确答案 (3认同)
  • 有没有办法隐藏其他分钟?或者将其显示为灰色以显示它已被禁用?使用CSS或其他什么? (2认同)

fab*_*tto 1

我查看了源代码和测试,据我所知,这是不支持的。根据点击坐标确定小时/分钟的逻辑是硬编码的,并且没有限制范围的选项。

作为限制时间选项的解决方法,您可以使用选择小部件,并填充您关心的时间间隔。