Question

在下面的代码中，如何根据出生日期将年龄显示在文本框中。当我在外面尝试时，它正常工作。如何根据出生日期写上onchange（）？

这是示例代码。任何人都可以帮我解决这个问题

HTML

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

的javascript

<script>

        $(function() {

            $("#datepicker").datepicker({ dateFormat: "yy-mm-dd" }).val()

        });
        $(function() {

            $("#datepicker1").datepicker();

        });
        $(function() {

            $("#datepicker2").datepicker();

        });
        $(function() {

            $("#datepicker3").datepicker();

        });
        $(function() {

            $("#datepicker4").datepicker();

        });
        $(function() {

            $("#datepicker5").datepicker();

        });
        $(function() {

            $("#datepicker6").datepicker({ dateFormat: "yy-mm-dd" }).val()

        });
    $(function() {
        $('#datepicker1').datepicker({

        onSelect: function(value, ui) {
            var today = new Date(), 
                dob = new Date(value), 
                age = new Date(today - dob).getFullYear() - 1970;

            $('#age').text(age);
        },
        maxDate: '+0d',
        yearRange: '1920:2010',
        changeMonth: true,
        changeYear: true
    });
    });
        </script>

Answer 1

如果您正在寻找在datepicker上触发的onchange事件，请在此处查看jQuery trigger a DatePicker change event

编辑：

$("#datepicker6").datepicker({ dateFormat: "yy-mm-dd" })
.on("change", function(){
    // do whatever you want to`
})

如何在html javascript中显示基于dob的年龄

1 个答案: