如何限制material-ui timepicker只允许特定时间?

时间:2016-10-12 01:17:10

标签: reactjs timepicker material-ui

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

2 个答案:

答案 0 :(得分:3)

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

答案 1 :(得分:0)

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

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