Javascript JQuery中的生日选择器_Javascript_Jquery_Html_Date Of Birth

Javascript JQuery中的生日选择器

javascript jquery html

Javascript JQuery中的生日选择器,javascript,jquery,html,date-of-birth,Javascript,Jquery,Html,Date Of Birth,我用java脚本为生日选择器编写了这段代码，但它不是在下拉列表中显示选项。如何显示它们。此代码的输出是3个下拉列表，其中没有选项。我想做一个完整的生日选择器，精确的天数，闰年的2月份为29天。我将非常感谢你们所有人 <script type="text/javascript"> $(function () { for (i = new Date().getFullYear() ; i > 1900; i--) { $('#ye

我用java脚本为生日选择器编写了这段代码，但它不是在下拉列表中显示选项。如何显示它们。此代码的输出是3个下拉列表，其中没有选项。我想做一个完整的生日选择器，精确的天数，闰年的2月份为29天。我将非常感谢你们所有人

<script type="text/javascript">
    $(function () {

        for (i = new Date().getFullYear() ; i > 1900; i--) {
            $('#years').append($('<option />').val(i).html(i));
        }

        for (i = 1; i < 13; i++) {
            $('#months').append($('<option />').val(i).html(i));
        }
        updateNumberOfDays();

        $('#years, #months').change(function () {

            updateNumberOfDays();

        });

    });

    function updateNumberOfDays() {
        $('#days').html('');
        month = $('#months').val();
        year = $('#years').val();
        days = daysInMonth(month, year);

        for (i = 1; i < days + 1 ; i++) {
            $('#days').append($('<option />').val(i).html(i));
        }

    }

    function daysInMonth(month, year) {
        return new Date(year, month, 0).getDate();
    }
</script>
<body>
<h1>
    Birthday
</h1>
<select id="days"></select>
<select id="months"></select>
<select id="years"></select>
</body>


$（函数（）{
对于（i=新日期（）.getFullYear（）；i>1900；i--）{
$（''年'）.append（$（''）.val（i）.html（i））；
}
对于（i=1；i<13；i++）{
$（'#月'）.append（$（'..val（i）.html（i））；
}
updateNumberOfDays（）；
$（'年，'月'）。更改（函数（）{
updateNumberOfDays（）；
});
});
函数updateNumberOfDays（）{
$（'#days'）.html（''）；
月=$（“#月”）.val（）；
年份=$（“#年”）.val（）；
天=日/月（月，年）；
对于（i=1；i

您的代码运行正常

我猜您的代码中没有包含jQuery文件

您用于计算闰年2月份天数的代码也可以正常工作

 function updateNumberOfDays() {
        $('#days').html('');
        month = $('#months').val();
        year = $('#years').val();
        days = daysInMonth(month, year);

        for (i = 1; i < days + 1 ; i++) {
            $('#days').append($('<option />').val(i).html(i));
        }

    }

函数updateEnumberOfDays（）{
$（'#days'）.html（''）；
月=$（“#月”）.val（）；
年份=$（“#年”）.val（）；
天=日/月（月，年）；
对于（i=1；i


有关相同的信息，请参阅：
 看看这个教程（插件），它可以做你想要的事情