Javascript 字段更改和更新div后的年-月差异
我有一个包含日期字段和其他空div的表单:Javascript 字段更改和更新div后的年-月差异,javascript,php,html,forms,Javascript,Php,Html,Forms,我有一个包含日期字段和其他空div的表单: <input type="date" name="b_day" id="b_day" /> <div id="age"></div> 我希望在访问者填充字段后,div age看起来像10.5 yo,计算从今天开始的年-月差异,而不刷新页面您可以使用JavaScript,利用其对象来完成。我可能会以这样的方式结束: HTML: 请注意,在JavaScript的日期中,月份从0到11,因此增加了一个。您可以直接在Jav
<input type="date" name="b_day" id="b_day" />
<div id="age"></div>
我希望在访问者填充字段后,div age看起来像10.5 yo,计算从今天开始的年-月差异,而不刷新页面您可以使用JavaScript,利用其对象来完成。我可能会以这样的方式结束: HTML:
请注意,在JavaScript的日期中,月份从0到11,因此增加了一个。您可以直接在JavaScript中执行此操作,或者如果您确实希望将信息发送到PHP,请使用AJAX发送此信息。你试过这样的东西吗?我认为你的问题太宽泛了。Ajax对我来说会更好,但是调用我已经准备好并且工作得更好的php脚本的正确语法是什么呢。做更多的研究。@Yogesh,为了让我问一个问题,意味着我已经做了我的研究,如果我是一个超级开发人员,我需要任何帮助。谢谢你的推荐。。。我会这样做。同时你的知识是我所需要的如果你做了研究,你尝试了什么?太好了!万分感谢
<input type="date" name="b_day" id="b_day" onchange="calculateAge()" />
<div id="age"></div>
function calculateAge() {
var b_day = new Date(document.getElementById('b_day').value);
var today = new Date();
var age = (today.getFullYear() - b_day.getFullYear()) + (((today.getMonth() + 1) - (b_day.getMonth() + 1)) / 12);
document.getElementById('age').innerHTML = age;
}