首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >JQuery中的生日选择器

问JQuery中的生日选择器
EN

Stack Overflow用户
提问于 2014-12-11 09:28:32
回答 1查看 2.5K关注 0票数 1

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

代码语言:javascript
复制
<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>
EN

回答 1

Stack Overflow用户

发布于 2014-12-11 09:39:02

你的代码运行良好。

我想您还没有在代码中包括jQuery文件。

计算闰年二月月份天数的代码也很好。

代码语言:javascript
复制
 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));
        }

    }

请参考this fiddle获得相同的信息。:)

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27419364

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档