AngularJs:Getting age automatically when given Date of Birth

Question

I have a date of birth field and a age text box.How can i update age text box automatically when selecting date of birth in angularJs. code for inputs

 <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"  />

possible duplicate of How can I calculate the number of years betwen two dates? — Mike Robinson
– Mike Robinson, Commented Feb 5, 2014 at 16:53
@NishamMahsin you can use $watch. Just watch for the changes made to dob and update age in the callback. — AlwaysALearner
– AlwaysALearner, Commented Feb 5, 2014 at 17:00
You should at least attempt a solution, demonstrate you've read the help docs and post some sample code. — lucuma
– lucuma, Commented Feb 5, 2014 at 18:18

SoluableNonagon · Accepted Answer · 2014-02-05 17:58:07Z

2

Something like this, add ng-change to your first input, call a function when a input change is made. The function must be declared in the scope.

<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 in your controller:

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

answered Feb 5, 2014 at 17:58

SoluableNonagon

11.8k11 gold badges59 silver badges100 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJs:Getting age automatically when given Date of Birth

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related