在 kendo-timepicker 中设置间隔

【问题标题】：Set interval in kendo-timepicker在 kendo-timepicker 中设置间隔
【发布时间】：2018-10-01 08:31:04
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

steps 输入允许您自定义步骤

通过分配一个对象。

示例

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

也可以更改例如的间隔通过将分钟值链接到一个变量。 (Demo)

【讨论】：

【解决方案2】：

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

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

在component.ts中

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

【讨论】：