您好,匿名用户
随意问技术百科期待您的加入

如何在JQuery中调用原生js函数以及如何计算真实年龄

0 投票

如题。需要根据出生日期输入框的值计算目前年龄(周岁)。已找到可根据出生日期计算周岁的代码(使用原生js编写,既下面代码中的function jsGetAge(strBirthday)),但在采用JQuery编写的主控制js(search.js)中无法调用。代码如下所示:
html文件:

<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/search.js"></script>
……(无关代码忽略)
出生日期
<input name="info.birthday" type="text" id="birthday"						onfocus="WdatePicker({dateFmt:'yyyy-MM-dd'})" class="Wdate" />
年龄
<input class="shortText" name="info.age" type="text" id="age" />
岁       

search.js文件:

function jsGetAge(strBirthday)
	{       
		var returnAge;
		var strBirthdayArr=strBirthday.split("-");
		var birthYear = strBirthdayArr[0];
		var birthMonth = strBirthdayArr[1];
		var birthDay = strBirthdayArr[2];
		
		d = new Date();
		var nowYear = d.getYear();
		var nowMonth = d.getMonth() + 1;
		var nowDay = d.getDate();
		
		if(nowYear == birthYear)
		{
			returnAge = 0;//同年 则为0岁
		}
		else
		{
			var ageDiff = nowYear - birthYear ; //年之差
			if(ageDiff > 0)
			{
				if(nowMonth == birthMonth){
					var dayDiff = nowDay - birthDay;//日之差
					if(dayDiff < 0)
					{returnAge = ageDiff - 1;}
					else
					{returnAge = ageDiff ;}
				}else{
					var monthDiff = nowMonth - birthMonth;//月之差
					if(monthDiff < 0)
					{returnAge = ageDiff - 1;}
					else
					{returnAge = ageDiff ;}
				}
			}
			else
			{returnAge = -1;//返回-1 表示出生日期输入错误 晚于今天}
		}
		return returnAge;//返回周岁年龄
}

$(document).ready(function() {
	$("#age").click(function(){
		alert(jsGetAge($("#birthday").val()))
		if($("#birthday").val()!=""){//由于采用日历控件,可保证字符串格式正确
			var age = jsGetAge($("birthday").val())
			if(age>=0){
				$("#age").val()=age
				$("#age").attr("readonly",true)
			}else{
				$("#birthday").val()=""
				alert("出生日期不能晚于今天")
			}
		}
	})
})

经测试,alert(jsGetAge($("#birthday").val()))无法弹出对应警告框,因此个人认为是jquery中调用js的function产生的问题。大家有什么解决方案吗?谢谢。

用户头像 提问 2014年 4月8日 @ Tristana 上等兵 (285 威望)
分享到:

1个回答

0 投票

不好意思,经过仔细查看和修改,问题已经得到解决。在此总结一下以供其他人借鉴:
1.function jsGetAge(strBirthday)函数的位置没有问题,可写在$(document).ready(function() {}中或外部。
2.问题产生的原因是我的页面同时加载了其他js,加载速度较慢,导致click函数无法快速加载,因此误以为没有效果。实际上是有效果的。
3.大家不要直接使用这个根据生日日期计算周岁的函数,这个函数存在问题,没有对同年进行进一步检验就判定年龄为0周岁。
修改后的计算周岁的函数:

//使用前提:参数strBirthday已经是正确格式的2007-02-09这样的日期字符串(年份必须是完整年份)
function jsGetAge(strBirthday)
	{       
		var returnAge;
		var strBirthdayArr=strBirthday.split("-");
		var birthYear = strBirthdayArr[0];
		var birthMonth = strBirthdayArr[1];
		var birthDay = strBirthdayArr[2];
		
		d = new Date();
		var nowYear = d.getFullYear();
		var nowMonth = d.getMonth() + 1;
		var nowDay = d.getDate()
		
		if(nowYear == birthYear)
		{	
			if(birthMonth<nowMonth)
				returnAge=0;//同年月份为今月前,0岁
			else
				if(birthMonth==nowMonth && birthDay<=nowDay)
					returnAge = 0;//同年同月日期为今天前 0岁
				else 
					returnAge = -1;//同年同月但日为今天后或今月后,日期无效
		}
		else
		{
			var ageDiff = nowYear - birthYear ; //年之差
			if(ageDiff > 0)
			{
				if(nowMonth == birthMonth)
				{
					var dayDiff = nowDay - birthDay;//日之差
					if(dayDiff < 0)
					{
						returnAge = ageDiff - 1;
					}
					else
					{
						returnAge = ageDiff ;
					}
				}
				else
				{
					var monthDiff = nowMonth - birthMonth;//月之差
					if(monthDiff < 0)
					{
						returnAge = ageDiff - 1;
					}
					else
					{
						returnAge = ageDiff ;
					}
				}
			}
			else
			{
				returnAge = -1;//返回-1 表示出生日期输入错误 晚于今天
			}
		}
		return returnAge;//返回周岁年龄
}
用户头像 回复 2014年 4月8日 @ Lee Sin 上等兵 (347 威望)
提一个问题:

相关问题

0 投票
1 回复 49 阅读
+1 投票
1 回复 749 阅读
用户头像 提问 2012年 12月1日 @ Leona 上等兵 (279 威望)
0 投票
1 回复 47 阅读
用户头像 提问 2012年 12月1日 @ Orianna 上等兵 (193 威望)
+3 投票
2 回复 53 阅读
+1 投票
1 回复 139 阅读
用户头像 提问 2012年 12月1日 @ Lux 上等兵 (267 威望)

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...