在Kendo-Timepicker中设置间隔

Question

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

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

Answer 1

您可以利用kendo-timepicker输入来更改steps组件的间隔。 （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};