Javascript根据HTML输入日期类型计算年龄_Javascript_Html

Javascript根据HTML输入日期类型计算年龄

javascript html

Javascript根据HTML输入日期类型计算年龄,javascript,html,Javascript,Html,我正在尝试使用Javascript计算年龄。从HTML日期输入类型中选择其出生日期，并应显示其年龄。Javascript如何使用HTML日期输入类型数据并计算年龄下面是HTML <html> <head> <title> Sample Date of Birth Registration</title> <script type="text/javascript" src="formiteration6.js"></scrip

我正在尝试使用Javascript计算年龄。从HTML日期输入类型中选择其出生日期，并应显示其年龄。Javascript如何使用HTML日期输入类型数据并计算年龄

下面是HTML

<html>
<head>
<title> Sample Date of Birth Registration</title>

<script type="text/javascript" src="formiteration6.js"></script>
</head>
<body>
<h1>Birth Registration</h1>
<hr />
<form id ="inputFrom">
 <label for="size_1">D.O.B:</label><input type="date" name="size" id="birthDate" value="dd/mm/yy"  />
 <input type='button' onclick='regBirth()' value='Add new person' />
 </form>
 <hr />
<table id="details">
  <tr>
  <th>Date of Birth</th>
  <th>Age</th>
  </tr>

</table>
<h4>Statistics</h1>
<hr />
<h5><b>Total Count:</b></h5>
<p id="count"></p>

</body>
</html>

使用新日期（）获取今天的日期。

使用新日期（日期字符串）获取出生日期使用

getFullYear（）

现在找出两年之间的差异。

是这样的吗？var currentDate=新日期（）；变量出生日期=新日期（实际出生日期）；var currentYear=currentDate.getFullYear（）；var myBirthYear=birth_date.getFullYear（）；var myAge=当前年份-我的出生年份；document.getElementById（“age”）.innnerHTML=myAge；这里没有显示：var myAge=currentYear-myBirthYear；document.getElementById（“age”）.innnerHTML=myAge；在HTML中page@IslandKingdocument.getElementById（“年龄”）.value=myAge@Vinod没那么简单。考虑以下事项：2018年1月2日，您的代码已在出生日期AUG 01, 1980上运行。2018年1月2日，根据我们的规定，此人的年龄仍然是37岁，但您的代码将显示年龄为38岁。请参阅-首先，获取当前年份和出生年份之间的差异。然后，如果当前月数小于出生月数，则从年差中减去1，并将结果用作年龄。

var allPeople = [];

function regBirth() {
    'use strict';
    var myArray = {};

    var actualDob = myArray.actualBirthDate;
    actualDob = document.getElementById('birthDate').value

    allPeople.push(myArray);

    var inputForm = document.getElementById("inputFrom").reset();
    var tabularForm = document.createDocumentFragment();
    var tablerow = document.createElement('tr'); 

    var dob = document.createElement('td');
    dob.innerHTML = actualDob;
    tablerow.appendChild(dob);

    tabularForm.appendChild(tablerow); 
    document.getElementById("details").appendChild(tabularForm);

    var totalPeople = allPeople.length;

    document.getElementById("count").innerHTML=totalPeople;
}