生年月日から年齢をタイプ2を使って計算するには

Question

2つのテキストボックスがあります。 1つのテキストボックスはユーザーからの生年月日を受け取り、生年月日に基づいて計算し、別のテキストボックスに年齢を表示します。

ここに私のコンポーネントクラスが

Student.component.html

<div class="row"> 
<div class="input-field col m2"> 
    <input type="date" id="txtdate"> 
</div> 
<div class="input-field col m4"> 
    <input type="number" id="age"> 
</div> 

student.component.ts

import { Component, OnInit } from '@angular/core'; 

@Component({ 
selector: 'stud', 
templateUrl: './student.component.html' 
}) 
export class StudentComponent implements OnInit 
{ 

    constructor() { } 

    ngOnInit() { } 

} 
function CalculateAge() 
{ 
    var birthdate = <HTMLElement>document.getElementById("txtdate"); 
    var dt = new Date(); 
    var today = dt.getDate(); 

} 

私はどのようにcalculatんです生年月日からの年齢？

Answer 1

<div class="row"> 
    <div class="input-field col m2"> 
     <input type="date" [(ngModel)]="birthdate" id="txtdate"> 
    </div> 
    <div class="input-field col m4"> 
     <input type="number" [(ngModel)]="age" id="age"> 
    </div> 
    <button (click)="CalculateAge()">Calculate Age</button> 
</div> 

そして、あなたのコンポーネントで

import { Component, OnInit } from '@angular/core'; 
@Component({ 
selector: 'stud', 
templateUrl: './student.component.html' 
}) 
export class StudentComponent implements OnInit 
{ 
    public birthdate: Date; 
    public age: number; 

    constructor() { } 

    ngOnInit() { } 

    public CalculateAge(): void 
    { 
     if(this.birthdate){ 
      var timeDiff = Math.abs(Date.now() - this.birthdate); 
      //Used Math.floor instead of Math.ceil 
      //so 26 years and 140 days would be considered as 26, not 27. 
      this.age = Math.floor((timeDiff/(1000 * 3600 * 24))/365); 
     } 
    } 

}