如何制作小时和angularjs中的分钟选择器使用HTML5输入类型'数字'

时间:2016-12-23 07:58:14

标签: javascript angularjs html5 date datetime

因此,每当用户将其设为60分钟输入类型时,小时值应增加1,分钟计数器应为0;

所以这是我的代码,在这个小时值正在递增但是分钟值没有再次重置为0。我在这做错了什么?或者还有更好的方法吗?

查看:

<input type="number" ng-model="hoursValue">
<input type="number" ng-model="minuteValue" max="60" ng-change="callFunction(minuteValue)">

控制器:

$scope.hoursValue=0;
$scope.minuteValue=1;
  $scope.callFunction=function(minuteValue){

  if(minuteValue==60)
  {

    $scope.hoursValue= $scope.hoursValue+1;
    $scope.minuteValue=1
  }

}

1 个答案:

答案 0 :(得分:0)

$ scope已经绑定了值,无需在函数中传递值。 删除&#39; minuteValue&#39;在callFunction中。

<input type="number" ng-model="minuteValue" max="60" ng-chagne="callFunction()"> 

$scope.callFunction =function() { if($scope.minuteValue== 60){ $scope.hoursValue= $scope.hoursValue+1; $scope.minuteValue=1;} }