angularjs - uib-timepicker null 值使表单无效

Question

我正在使用 uib-timepicker 我想在文本框中没有值时验证表单为真，它返回空值。
所以我手动设置代码并尝试验证表单但它不起作用

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
，它也会使表单无效 如何验证我做错的表单？

标签： angularjs

Answer 1

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