Question

我有一个出生日期字段和一个年龄文本框。如何在angularJs中选择出生日期时自动更新年龄文本框。输入代码

 <label for="" class="col-md-2 control-label">Dob</label>
  <input type="datepicker"class="form-control" my-date-picker required="required" ng-model="newItem.dob" />
  <label for="" class="col-md-2 control-label">Age</label>
  <input type="text" class="form-control"  disabled="true"  ng-model="newItem.age"  />

Answer 1

像这样，将ng-change添加到第一个输入，在输入更改时调用函数。该函数必须在范围内声明。

<label for="" class="col-md-2 control-label">Dob</label>
<input type="datepicker" ng-change='myAgeFunction()' class="form-control" my-date-picker required="required" ng-model="newItem.dob" />
<label for="" class="col-md-2 control-label">Age</label>
<input type="text" class="form-control"  disabled="true"  ng-model="newItem.age"  />

控制器中的Javascript：

$scope.newItem = {dob: "00/00/0000", age: 0 } // your object which refers to ng-model
$scope.myAgeFunction = function(){ //your function goes here
    $scope.newItem.age = ... code to calculate age; // update the model
}

AngularJs：给定出生日期时自动获得年龄

1 个答案: