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

在下面的代码中，如何在文本框中显示基于出生日期的年龄。当我在外面尝试时，它正常工作。如何根据出生日期编写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>

$（函数（）{
$（“#datepicker”）.datepicker（{dateFormat:“yy-mm-dd”}）.val（）
});
$（函数（）{
$（“#datepicker1”）.datepicker（）；
});
$（函数（）{
$（“#datepicker2”）.datepicker（）；
});
$（函数（）{
$（“#datepicker3”）.datepicker（）；
});
$（函数（）{
$（“#datepicker4”）.datepicker（）；
});
$（函数（）{
$（“#datepicker5”）.datepicker（）；
});
$（函数（）{
$（“#datepicker6”）.datepicker（{dateFormat:“yy-mm-dd”}）.val（）
});
$（函数（）{
$（'#日期选择器1'）。日期选择器({
onSelect：函数（值、用户界面）{
var today=新日期（），
dob=新日期（值），
年龄=新日期（今天-dob）.getFullYear（）-1970；
$（'年龄'）。文本（年龄）；
},
maxDate:“+0d”，
年份范围：“1920:2010”，
变化月：对，
变化年：对
});
});

如果您希望在datepicker上触发onchange事件，请在此处查看

编辑：

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

---

如果没有onchage，这是可能的？您是否希望在用户与DOB交互时提取DOB？我认为是的，那么使用onchange是一种更好的方法。。顺便问一下，使用它有什么问题？具体来说，你有什么问题？此外，我对问题文本进行了编辑，以使你的问题更清楚；如果这不是您要问的，请继续回滚或更新编辑。@PaulRichter当我选择出生日期时，我想在我的年龄输入字段中显示年龄，而不输入任何内容，那么Kushal的代码应该可以为您做到这一点。您也可以使用日期选择器。