使用事件監聽器來獲取年齡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'); 

其中dateString是這樣的： 'YYYY-MM-DD'。要解析其他日期格式，你必須在構造函數中使用適當的解析格式，如：

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

其中dateString是在MM/DD/YYYY格式。但是在你的代碼中包含moment.js使得這件事變得非常聰明。