粗糙的演示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>计算年龄</title>
</head>
<body>
出生日期:<input id = "birthDay"><br>
年龄:<input id = "age "><br>
<button onclick=" getBirDay()">计算</button>
<script type="text/javascript">
var getAgeFromBirthday = function(birthday){
var yearBorn = birthday.getFullYear();
var monthBorn = birthday.getMonth();
var dayBorn = birthday.getDate();
var nowDate = new Date();
var year = nowDate.getFullYear();
var month = nowDate.getMonth();
var day = nowDate.getDate();
var hour = nowDate.getHours();
//间隔的年、月、日
var yL = year - yearBorn;
var mL = month - monthBorn;
var dL = day - dayBorn;
//统一的,计算间隔了XX年XX月XX天的方法。对日、月需要考虑借位的问题,年间隔一定>=0,所以不用考虑。这样一共有4种可能
if(dL<0){
dL = dL +getMonthDays(monthBorn+1 , yearBorn);//日不够减,向月借位。借哪个月的天数这里有点绕,看图解
mL = mL-1;
if(mL<0){
mL = mL + 12;//月向年借位
yL = yL - 1;
}
}else{
if(mL<0){
mL = mL + 12;//月向年借位
yL = yL - 1;
}
}
//显示
let yStr = "";
let mStr = "";
let dStr = "";
let hStr = "";
if(yL>0){
yStr = yL+"年";
}
if(mL>0){
mStr = mL+"月";
}
if(dL>0){
dStr = dL+"日";
}
if(yL==0&&mL==0&&dL==0){
hStr = hour+'小时';
}
if(yL<0 || (yL == 0 && mL <0) || (yL == 0 && mL == 0 && dL < 0)){
return "这是未来的日期!";
}
return yStr + mStr + dStr +hStr;
};
//计算月的天数的函数
//31天的月: 1,3,5,7,8,10,12:2月较特殊:平年28天,闰年(被4整除)29天;30天的月:其余所有月
let getMonthDays = function(month , year){
let mDays;
if(month == 1 || month == 3||month == 5||month == 7||month == 8||month == 10||month == 12){
mDays = 31;
}else if(month == 2){
if(year%4 == 0){
mDays = 29;}else{
mDays = 28;}
}else{
mDays = 30 ;}
return mDays
};
function getBirDay() {
let birthDayStr = document.getElementById( "birthDay" ).value;
let birthDayArray = birthDayStr.split('-');
let birthDay = new Date(birthDayArray[0],birthDayArray[1]-1,birthDayArray[2]);//由于JS中月份的底层是数组,需要真实的月份-1构造出来的日期才是正确的
document.getElementById( "age ").value = getAgeFromBirthday(birthDay);
}
</script>
</body>
</html>
日向月借位的图解:(以计算2019.5.2 到2020.2.1的时间间隔为例)
有待改进之处欢迎交流讨论!