如何使用 html 和 js 从输入类型“日期”中获取“年龄”?

Kil*_*pro 1 html javascript date input

我的问题是如何使用Javascript从日期输入类型中获取年龄,并在Html中显示。

我希望用户能够从Date输入类型中选择他的出生日期,然后将其放入“bday” ID 中,然后我可以使用它来计算年龄并将其填充到“resultBday”元素 ID 中.

例如:
当用户选择“1990 年 1 月 15 日”时,我希望它在 innerHtml 中显示“24 岁”。

这是我目前拥有的:

HTML:

<p id="resultBday"></p>
<input type="date" name="bday" id="bday" onchange="submitBday()">
Run Code Online (Sandbox Code Playgroud)

JS:

function submitBday () {
    var Q4A = "Your birthday is: "
    var Bday = document.getElementById('bday').value;
    Q4A += Bday;

    var theBday = document.getElementById('resultBday');
    theBday.innerHTML = Q4A;
}
Run Code Online (Sandbox Code Playgroud)

j08*_*691 6

function submitBday() {
    var Q4A = "Your birthday is: ";
    var Bdate = document.getElementById('bday').value;
    var Bday = +new Date(Bdate);
    Q4A += Bdate + ". You are " + ~~ ((Date.now() - Bday) / (31557600000));
    var theBday = document.getElementById('resultBday');
    theBday.innerHTML = Q4A;
}
Run Code Online (Sandbox Code Playgroud)

jsFiddle 示例