javascript - onkeyup 根据出生日期获取年龄

Question

我创建脚本在 keyup 上按出生日期获取年龄，但是 我有个问题。因为，当我打字时 示例:我输入:1955-11-13 此结果显示 NaN

这是我的脚本:

    <script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function() {
 var fulldate = document.getElementById('fulldate');
    var result = document.getElementById('result');
        $('#fulldate').keyup(function(){
        var birthdate = fulldate.value; 
        var cur = new Date();
        var diff = cur-birthdate;
        var age = Math.floor(diff/31536000000);
           result.value = age;
   });
 });
</script>


Date : <span><input   id="fulldate"  type="text"   value="1995-11-13" /></span>
<br/><br/>
Age  : <span><input  id="result" type="text"  /></span>

但是如果不使用 keyup 这个脚本可以正确运行

此脚本正确运行:

<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function() {
        var birthdate = new Date("1995/11/13");
        var cur = new Date();
        var diff = cur-birthdate;
        var age = Math.floor(diff/31536000000);
           alert(age);

 });
</script>

帮我谢谢

Answer 1

在Document Ready函数中，您使用varbirthdate = new Date(fulldate.value)，但在Keyup函数中，您仅使用 var 出生日期 = fulldate.value。它带来了不同。

使用varbirthdate = new Date(fulldate.value)来获取结果。

你可以看看 fiddle 。 https://jsfiddle.net/80hrn55f/