根据出生年龄，没有使用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，而且您使用它时使用的是年龄文本字段，在数据报头中调用它，这是工作代码：

​

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 >

希望这对你有帮助