Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/250.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 字段更改和更新div后的年-月差异_Javascript_Php_Html_Forms - Fatal编程技术网

Javascript 字段更改和更新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

我有一个包含日期字段和其他空div的表单:

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