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
– Khalid Hussain

2015-12-21 05:50:33 +00:00
Commented Dec 21, 2015 at 5:50 — Khalid Hussain
– Khalid Hussain, Commented Dec 21, 2015 at 5:50

Daniel · Accepted Answer · 2015-12-21 06:06:15Z

7

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

answered Dec 21, 2015 at 6:06

Daniel

6,5517 gold badges39 silver badges64 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 12:00:14Z

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, 2017 at 12:00

CommunityBot

11 silver badge

answered Dec 21, 2015 at 6:03

Ashish Kumawat

7057 silver badges23 bronze badges

Collectives™ on Stack Overflow

angular age validation using date input

Here is my directive

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

Here is my directive

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related