javascript - 如何在 Kendo UI 中设置 TimePicker 全局间隔？

Question

我将 KendoUI 与 AngularJS 结合使用。请帮助在 KendoUI 中设置 TimePicker 全局间隔。我找不到方法来做到这一点。默认情况下，间隔设置为 30 分钟。

Answer 1

您可以使用 k-interval 属性设置间隔。并从 Controller 加载值。

检查这个JSBin

  angular.module("KendoDemos", [ "kendo.directives" ])
      .controller("MyCtrl", function($scope){
          $scope.getType = function(x) {
              return typeof x;
          };
          $scope.isDate = function(x) {
              return x instanceof Date;
          };
          //one setting for controller, or you can set this using angular constant to be used in multiple controllers.  
          $scope.timeInterval = 15;
      })

在你看来

 <input kendo-time-picker
             ng-model="str"
             k-ng-model="obj" k-interval="timeInterval" />

编辑:

要更新所有剑道时间选择器的间隔，您可以执行以下操作。

 kApp.run(function($rootScope) {    

    $rootScope.$on("kendoWidgetCreated", function(event, widget){

      //get the element
      var elem = widget.element[0];    
      //get the kendoTimePicker.
      var tPicker = $(elem).data("kendoTimePicker");
      if(tPicker)
        tPicker.timeView.options.interval = 15;
  });

链接到JSBin with edit