JS 计算年龄为几岁几月几天

粗糙的演示:

<!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的时间间隔为例)

有待改进之处欢迎交流讨论!

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值