首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Javascript根据HTML输入日期类型计算年龄

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

Stack Overflow用户
提问于 2014-03-16 14:29:56
回答 1查看 4.8K关注 0票数 0

我正在尝试使用Javascript计算年龄。应显示从HTML日期输入类型中选择他们的出生日期和他/她的年龄。Javascript如何使用HTML日期输入类型数据并计算年龄?

下面是HTML

代码语言:javascript
运行
复制
<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>

Javascript就在这里

代码语言:javascript
运行
复制
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;
}
EN

回答 1

Stack Overflow用户

发布于 2014-03-16 14:41:36

使用new Date()获取今天的日期

使用new Date(datestring)获取出生日期

使用getFullYear()从两个日期获取年份

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

Fiddle Demo

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/22433725

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档