基于出生日期年龄不使用javascript显示

基于出生日期年龄不使用javascript显示,javascript,Javascript,您好,在下面的代码中如何显示选择出生日期后我想显示的年龄。 我的预期输出是上面的屏幕截图。 现在,当我选择出生日期时,什么都没有发生 html <input type="text" name="date_birth1" class="login-input" placeholder="Date Of Birth" id="datepicker11" autofocus> <input type="text" name="age" id="age" pattern =

您好,在下面的代码中如何显示选择出生日期后我想显示的年龄。 我的预期输出是上面的屏幕截图。 现在,当我选择出生日期时,什么都没有发生

html

<input type="text" name="date_birth1"   class="login-input" placeholder="Date Of Birth" id="datepicker11"  autofocus>
   <input type="text" name="age" id="age" pattern = "^\D{0,100}$"  class="login-input" placeholder="Age" Onchange="return findage();" autofocus >
这应该在第一个输入中,而不是第二个

这应该在第一个输入中,而不是第二个

这应该在第一个输入中,而不是第二个


这应该在第一个输入中,而不是第二个

您没有使用出生日期字段触发任何事件,因为您使用的是
Onchange
而不是
Onchange
,并且您使用的是年龄文本字段,请在日期选择器中调用它,这是工作代码:

函数findage(){
var PresentDay=新日期();
var dateOfBirth=(新日期(document.getElementById(“datepicker11”).value));
变量月份=(PresentDay.getMonth()-dateOfBirth.getMonth()+
(12*(PresentDay.getFullYear()-dateOfBirth.getFullYear());
document.getElementById(“年龄”).value=Math.round(月/12);
警报(数学轮(月/12));
}

您没有使用出生日期字段触发任何事件,因为您使用的是
Onchange
而不是
Onchange
,您使用的是年龄文本字段,请在日期选择器中调用它,这是工作代码:

函数findage(){
var PresentDay=新日期();
var dateOfBirth=(新日期(document.getElementById(“datepicker11”).value));
变量月份=(PresentDay.getMonth()-dateOfBirth.getMonth()+
(12*(PresentDay.getFullYear()-dateOfBirth.getFullYear());
document.getElementById(“年龄”).value=Math.round(月/12);
警报(数学轮(月/12));
}

您没有使用出生日期字段触发任何事件,因为您使用的是
Onchange
而不是
Onchange
,您使用的是年龄文本字段,请在日期选择器中调用它,这是工作代码:

函数findage(){
var PresentDay=新日期();
var dateOfBirth=(新日期(document.getElementById(“datepicker11”).value));
变量月份=(PresentDay.getMonth()-dateOfBirth.getMonth()+
(12*(PresentDay.getFullYear()-dateOfBirth.getFullYear());
document.getElementById(“年龄”).value=Math.round(月/12);
警报(数学轮(月/12));
}

您没有使用出生日期字段触发任何事件,因为您使用的是
Onchange
而不是
Onchange
,您使用的是年龄文本字段,请在日期选择器中调用它,这是工作代码:

函数findage(){
var PresentDay=新日期();
var dateOfBirth=(新日期(document.getElementById(“datepicker11”).value));
变量月份=(PresentDay.getMonth()-dateOfBirth.getMonth()+
(12*(PresentDay.getFullYear()-dateOfBirth.getFullYear());
document.getElementById(“年龄”).value=Math.round(月/12);
警报(数学轮(月/12));
}

您应该将onchange事件放在出生日期输入框中,而不是年龄输入框中

当您在该框中失去焦点后更改出生日期时,将调用onchange事件

这是我给你换的

<input type="text" name="date_birth1"   class="login-input" placeholder="Date Of Birth" id="datepicker11"  onchange="findage();" autofocus>
   <input type="text" name="age" id="age" pattern = "^\D{0,100}$"  class="login-input" placeholder="Age"  autofocus >


希望这对您有所帮助

您应该将onchange事件放在出生日期输入框中,而不是年龄输入框中

当您在该框中失去焦点后更改出生日期时,将调用onchange事件

这是我给你换的

<input type="text" name="date_birth1"   class="login-input" placeholder="Date Of Birth" id="datepicker11"  onchange="findage();" autofocus>
   <input type="text" name="age" id="age" pattern = "^\D{0,100}$"  class="login-input" placeholder="Age"  autofocus >


希望这对您有所帮助

您应该将onchange事件放在出生日期输入框中,而不是年龄输入框中

当您在该框中失去焦点后更改出生日期时,将调用onchange事件

这是我给你换的

<input type="text" name="date_birth1"   class="login-input" placeholder="Date Of Birth" id="datepicker11"  onchange="findage();" autofocus>
   <input type="text" name="age" id="age" pattern = "^\D{0,100}$"  class="login-input" placeholder="Age"  autofocus >


希望这对您有所帮助

您应该将onchange事件放在出生日期输入框中,而不是年龄输入框中

当您在该框中失去焦点后更改出生日期时,将调用onchange事件

这是我给你换的

<input type="text" name="date_birth1"   class="login-input" placeholder="Date Of Birth" id="datepicker11"  onchange="findage();" autofocus>
   <input type="text" name="age" id="age" pattern = "^\D{0,100}$"  class="login-input" placeholder="Age"  autofocus >


希望这能帮助你

你不能有两次
自动对焦
你不能有两次
自动对焦
你不能有两次
自动对焦
你不能有两次
自动对焦
再多一个输入框如出生日期和年龄如何更改功能再多一个输入框如出生日期和年龄如何更改功能一个或多个输入框(如出生日期和年龄)如何更改功能一个或多个输入框(如出生日期和年龄)如何更改功能