How to display age when we input date-of-birth using date picker in Angular? (using typescript)

This is my HTML code, `

<mat-form-field class="datepicker">
<mat-label>Pick a date</mat-label>
<input matInput
#resultPickerModel="ngModel"
[matDatepicker]="resultPicker"
[(ngModel)]="date"
[min]="minDate"
[max]="maxDate"
(input)="ageFromDateOfBirthday($event)">
<mat-datepicker-toggle matSuffix [for]="resultPicker"></mat-datepicker-toggle>
<mat-datepicker #resultPicker>
</mat-datepicker>
<mat-error *ngIf="resultPickerModel.hasError('matDatepickerParse')">
"{{resultPickerModel.getError('matDatepickerParse').text}}"
is not a valid date!
</mat-error>
<mat-error *ngIf="resultPickerModel.hasError('matDatepickerMin')">
Minimum date should be {{minDate | date }}</mat-error>
<mat-error *ngIf="resultPickerModel.hasError('matDatepickerMax')">
Maximum date should be {{maxDate | date }}
</mat-error>
</mat-form-field>
</mat-grid-tile>
<mat-grid-tile>
<mat-form-field appearance="fill" class="age">
<mat-label>Age</mat-label>
<input type="number" matInput >
</mat-form-field>
</mat-grid-tile>`


Here, I have to provide the AGE in input textbox when we select age in date picker. Kindly let me know any solutions for this.

Continue reading...