angular - 在 kendo-timepicker 中设置间隔

Question

我使用角度为 5 的 kendo-timepicker。我需要根据下拉菜单中选择的值动态设置时间间隔。默认情况下，间隔设置为 1 分钟。

如果我在下拉菜单中选择 15 分钟，那么 kendo-timepicker 间隔应该是 15,30,45

Answer 1

kendo-timepicker您可以利用steps输入来更改组件的间隔。（文档）

steps输入允许您自定义步骤

• 小时值_
• 分钟值_
• 第二个值

通过分配一个对象。

例子

<kendo-timepicker
    [steps]="{ hour: 1, minute: 15, second: 15}">
</kendo-timerpicker>

也可以通过将分钟值链接到变量来更改例如分钟值的间隔。（演示）

Answer 2

在尝试了来自不同来源的示例之后。这就是我解决它的方法。在 kendo-timepicker 中使用 [步骤]

  <kendo-timepicker name="time" [steps]="interval" [value]="time"></kendo-timepicker>

在组件.ts

 public interval: any = { hour: 1, minute: 15};