uib-timepicker空值会使表格无效

时间:2018-07-20 12:20:31

标签: angularjs

我正在使用uib-timepicker,当文本框中没有任何值时,我想将该表单验证为true,它返回空值。
因此,我正在手动设置代码并尝试验证表单,但是它不起作用

HTML代码

<form name="myForm">
  <uib-timepicker ng-model="mytime" ng-change="changed(myForm)" hour-step="hstep" min="null" minute-step="mstep" show-meridian="ismeridian"></uib-timepicker>
  {{myForm.$invalid}}
</form>

JS代码

 $scope.changed = function (myForm) {
    if(!$scope.mytime)
    myForm.$invalid = false;
    $log.log('Time changed to: ' + $scope.mytime);
  };

当文本框中没有值时,即使我设置了 myform。$ invalid = false
,它也会使表单无效。 如何验证我做错的地方?

1 个答案:

答案 0 :(得分:0)

$scope.changed = function () {
    if(!$scope.mytime)
    $scope.myForm.$setValidity('custom',false,window); // this will set your form validity to false
    $log.log('Time changed to: ' + $scope.mytime);
};