在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};