Javascript 從 HTML 輸入日期類型計算年齡

Question

我正在嘗試使用 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>

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;
}

Answer 1

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

使用new Date(datestring)獲取出生new Date(datestring)

使用getFullYear()從兩個日期獲取年份

現在找到兩年之間的差異。

小提琴演示

Answer 2

在js中

// Make a button that display the current date and time in local format on the page. 


function mydateis(){
    const d = new Date();
let text = d.toLocaleString();
document.getElementById("date").innerHTML = text;



var year_born = prompt("Please enter your date of birth:", 1998);
var month_born = prompt("Please enter your month:", 1);
var month_day = prompt("Please enter your day:", 1);
 

function getAge(birthYear,month_born,month_day){
    var currentDate = new Date();
    var currentYear = currentDate.getFullYear();
    var currentmonth = currentDate.getMonth();
    var currentday = currentDate.getDate();
    console.log(currentDate);
    console.log(currentDate.getDate());
    age = currentYear - birthYear;
    month = currentmonth - month_born;
    day = currentday - month_day;
    return age,month,day;
}

calculatedAge = getAge(year_born,month_born,month_day);
 document.getElementById("yearsold").innerHTML ="you have yeyre is" + age+ "  and  "+month+"  month and  days is  "+day ;


}

在 html

<button onclick="mydateis()">date is </button>
<h4>hekoo date is </h4>
<p id="date"></p>
<p id="yearsold"></p>

出機器人是

Javascript 從 HTML 輸入日期類型計算年齡

問題描述

2 個解決方案

解決方案1
0 2014-03-16 06:41:35

解決方案2
0 2022-08-22 11:14:23

Javascript 從 HTML 輸入日期類型計算年齡

問題描述

2 個解決方案

解決方案1 0 2014-03-16 06:41:35

解決方案2 0 2022-08-22 11:14:23

解決方案1
0 2014-03-16 06:41:35

解決方案2
0 2022-08-22 11:14:23