首页 > 解决方案 > 在 kendo-timepicker 中设置间隔

问题描述

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

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

标签: angularkendo-angular-uikendo-timepicker

解决方案


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

steps输入允许您自定义步骤

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

通过分配一个对象。

例子

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

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


推荐阅读