如何在KendoUI 中设置TimePicker 全局时间间隔？

Question

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

Answer 1

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

勾选这个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" />

编辑：

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

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

Link 到 JSBin with edit

如何在KendoUI 中设置TimePicker 全局时间间隔？

How to set TimePicker global interval in KendoUI?

javascript

twitter-bootstrap

kendo-ui

angularjs