角度ブートストラップUIタイムピッカーが無効な時間を入力

Question

角度ブートストラップUIのTimePickerを使用していて、50を時間フィールドに入力すると、フィールドが赤くなりますが、そのTue Nov 15 2016 05:00:55 GMT+0100。

私は何ができますか？ありがとう！あなたは時間と分の入力値を制限するために検討することもでき、そのことについては

Answer 1

は、ここにTimepicker

1のためにそれをカスタマイズする方法である）カスタムテンプレートを導入し、hourためmin、maxとvalidate-value属性を指定例えばminute入力要素：

<input type="text" placeholder="HH" validate-value min="1" max="12" ng-model="hours" ng-change="updateHours()" class="form-control text-center" ng-readonly="::readonlyInput" maxlength="2" tabindex="{{::tabindex}}" ng-disabled="noIncrementHours()" ng-blur="blur()"> 

2）入力要素に数値を制限するためにvalidate-valueディレクティブを実装：

.directive('validateValue', function() { 
    return { 
     require: 'ngModel', 
     link: function(scope, element, attrs, ngModelCtrl) { 

      ngModelCtrl.$parsers.unshift(function(viewValue) { 
       var min = Number(eval(attrs.min)); 
       var max = Number(eval(attrs.max)); 
       var value = Number(viewValue); 
       var valid = (!isNaN(value) && value >= min && value <= max); 

       if (!valid) { 
        var currentValue = ngModelCtrl.$modelValue.toString(); 
        ngModelCtrl.$setViewValue(currentValue); 
        ngModelCtrl.$render(); 
        return currentValue; 
       } 
       else { 
        return viewValue; 
       } 

      }); 
     } 
    }; 
}) 

Demo