イベントリスナーを使用してJavaScriptで年齢を取得する

Question

function getAge(dateString) { 
     var today = new Date(); 
     var birthDate = new Date(dateString); 
     var age = today.getFullYear() - birthDate.getFullYear(); 
     var m = today.getMonth() - birthDate.getMonth(); 
     if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) { 
      age--; 
     } 
     return age; 
    } 

私のJavaScriptスクリプトにこのコードがあり、htmlのフォームに入力された誕生日を表示する方法を探しています。この関数を入力内に渡して日付を取得して年齢を計算するために使用できるイベントリスナーはありますか？

Answer 1

HTML

<input type="text" id="input-age" /> 
<button onclick="getAge()">Calculate Age</button> 

JS

function getAge() { 
    var dateString = document.getElementById('input0age').value; 
    var today = new Date(); 
    var birthDate = new Date(dateString); 
    var age = today.getFullYear() - birthDate.getFullYear(); 
    var m = today.getMonth() - birthDate.getMonth(); 
    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) { 
     age--; 
    } 
    return age; 
} 

またはイベントリスナー

var input = document.getElementById('input-age'); 

input.addEventListener('input', function() { 
    getAge(input.value) 
}); 

function getAge(dateString) { 
    var today = new Date(); 
    var birthDate = new Date(dateString); 
    var age = today.getFullYear() - birthDate.getFullYear(); 
    var m = today.getMonth() - birthDate.getMonth(); 
    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) { 
     age--; 
    } 
    return age; 
} 

Answer 2

私はmomentライブラリの大ファンになりました。

日付ストリングのようなものである

moment().diff(moment(dateString),'years'); 

：： 'YYYY-MM-DD' はライブラリを使用して、コンピューティング時代は同じくらい簡単です。日付ストリングは、そのMM/DD/YYYY形式である

moment().diff(moment(dateString, 'MM/DD/YYYY'), 'years'); 

：他の日付フォーマットを解析するために、あなたは次のように、コンストラクタに適切な解析形式を使用する必要があります。しかし、あなたのコードの中にmoment.jsを含めれば、このようなことはかなり頭のよいことになります。