根据未使用JavaScript显示的出生日期

Question

您好，在下面的代码中，如何选择要显示年龄的出生日期后如何显示。 我的预期输出是上面的屏幕截图。 现在，当我选择出生日期时，没有任何反应。

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 >

javascript

function findage() {
                var PresentDay = new Date();
                var dateOfBirth = (new Date(document.getElementById("datepicker11").value));
                var months = (PresentDay.getMonth() - dateOfBirth.getMonth() + 
               (12 * (PresentDay.getFullYear() - dateOfBirth.getFullYear())));
                document.getElementById("age").value = Math.round(months / 12);
            }

Answer 1

Onchange="return findage();"

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

Answer 2

您不会在出生日期字段中触发任何事件，因为您使用的是Onchange而不是onchange ，并且使用的是age文本字段，请在Onchange调用它，这是工作代码：

 function findage() { var PresentDay = new Date(); var dateOfBirth = (new Date(document.getElementById("datepicker11").value)); var months = (PresentDay.getMonth() - dateOfBirth.getMonth() + (12 * (PresentDay.getFullYear() - dateOfBirth.getFullYear()))); document.getElementById("age").value = Math.round(months / 12); alert(Math.round(months / 12)); } 

 <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" > 

Answer 3

您应该将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 >

希望这对您有帮助