在kendo-timepicker中设置间隔

Question

我使用 kendo-timepicker 和 angular 5. 我需要根据下拉列表中选择的值动态设置时间间隔。默认情况下，间隔设置为 1 分钟。

如果我select 15分钟在下拉，那么kendo-timepicker间隔应该是15,30,45

Answer 1

您可以使用 steps 输入更改 kendo-timepicker 组件的间隔。 (Docs)

steps 输入允许您自定义

的步骤

通过分配对象。

例子

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

也可以更改间隔，例如通过将其链接到变量来获取分钟值。 (Demo)

Answer 2

尝试不同来源的示例后。我就是这样解决的。在 kendo-timepicker

中使用 [steps]

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

在component.ts

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

Set interval in kendo-timepicker