在Javascript中显示来自DoB输入的年龄

时间:2015-01-01 17:52:08

标签: javascript html

我正在尝试在html / javascript中创建一个表单,用户可以输入他们的出生日期,然后使用他们出生日期的数据显示一条消息,说明“你已经'x'岁了”。但是我完全不确定如何让它工作?

以下是我目前的代码:

HTML:

<input type="date" id="myBirthday" value="dd-mm-yyyy">
<button onclick="submitBirthday()">Submit</button>

JS:

function submitBirthday() {
    var birthday = document.getElementById("myBirthday").value;
    document.getElementById("displayBirthday").innerHTML = ("You are " + birthday + " years old.");
}

我意识到这显示“你现在已经'dd-mm-yyyy'岁了,但这就是我能够做到的。

任何帮助将不胜感激!感谢

3 个答案:

答案 0 :(得分:0)

您可以通过从当前日期减去出生日期来确定年龄。

请检查一下。

How to subtract date/time in javascript?

答案 1 :(得分:0)

根据This页面,这是您从指定日期检索年龄的固定代码:

&#13;
&#13;
function submitBirthday() {
    var minutes = 1000 * 60;
    var hours = minutes * 60;
    var days = hours * 24;
    var years = days * 365;

    var birthday = Date.parse(document.getElementById("myBirthday").value);
    var dateNow = new Date();
    var YearsOld = Math.round((dateNow-birthday)/ years);

    document.getElementById("displayBirthday").innerHTML = ("You are " + YearsOld + " years old.");
}
&#13;
<input type="date" id="myBirthday" value="dd-mm-yyyy">
<button onclick="submitBirthday();">Submit</button>
<hr>
<div id="displayBirthday"></div>
&#13;
&#13;
&#13;

答案 2 :(得分:0)

以下是您可以用来获取出生日期的代码

var input = '5/1/1991';// Find the user's input
    var dob = input.split('/'); // split the date by separator
    //console.log(dob);
    var bd = dob[0];// find birth date, month and year
    var bm = dob[1];
    var by = dob[2];

    var curDate = new Date();// find current date
    var cd = curDate.getDate();
    var cm = parseInt(curDate.getMonth(), 10) + 1;
    var cy = curDate.getFullYear();
    //console.log(cd, cm, cy);

    if (cd < bd) {
        var dayToMinus;
        switch(cm) {
            case 1:
            case 3:
            case 5:
            case 7:
            case 8:
            case 10:
            case 12:
                dayToMinus = 31;
                break;
            case 4:
            case 6:
            case 9:
            case 11:
                dayToMinus = 30;
                break;
            case 2:
                if (cy % 4) {
                    dayToMinus = 28;
                } else {
                    dayToMinus = 29;
                }
        }
        cd = cd + dayToMinus;
        cm = cm - 1;
    }

    if (cm < bm) {
        cm = cm + 12;
        cy = cy - 1;
    }
    console.log("You are "+ (cy - by) +" years "+ (cm - bm) + " months "+ (cd - bd) + " days old");//This will console ur age