angular age validation using date input

Question

I am trying to validating the age(i.e, greater than 18) using the angular directive. can anybody help me the validating the age?

<input type="date" data-ng-model="personalDetailsObj.personalDetails.dob"  name="dob" ng-required="true" ng-class="{ 'has-errors' : personalDetailForm.dob.$invalid, 'no-errors' : personalDetailForm.dob.$valid}" age-valid="18">

Here is my directive

.directive('ageValid', ['$filter', function($filter) {
    return {
        restrict: 'A',
        require: 'ngModel',
        scope: {
          ageValid: '='
        },
        link: function(scope, element, attrs) {
          scope.$watch(attrs.ngModel, function(value) {
              var todayDate = new Date(),
                  todayYear = todayDate.getFullYear(),
                  todayMonth = todayDate.getMonth(),
                  todayDay = todayDate.getDate(),
                  dateFieldVal = value;
                  console.log(dateFieldVal);
                  var formattedDate = $filter('date')(dateFieldVal,'yyyy-MM-dd');                  
                  console.log(formattedDate);

              /*var isValid = (value.length === $scope.ngLength);
              ngModel.$setValidity($attrs.ngModel, isValid);*/
          });
        } 
    }
  }])

Can you add any fiddle/plnkr? – Khalid Hussain Dec 21 '15 at 05:50 — Khalid Hussain, Dec 21 '15 at 05:50

score 7 · Accepted Answer · answered Dec 21 '15 at 06:06

You don't need a directive for that, you can just:

<input type="date" max="{{minAge | date:'yyyy-MM-dd'}}"/>

And your controller:

  var today = new Date();
  var minAge = 18;
  $scope.minAge = new Date(today.getFullYear() - minAge, today.getMonth(), today.getDate());

Here's a plunker

score 1 · Answer 2 · edited May 23 '17 at 12:00

1

First of all calculate age may this link help you calculate age

and then in input tag use min, max attribute to validate age.

edited May 23 '17 at 12:00

Community

1
1

answered Dec 21 '15 at 06:03

Ashish Kumawat

685
7
22

angular age validation using date input

Here is my directive

2 Answers2