根据出生日期填充下拉字段

Question

我能够填充几个月，几天和几年。 我还能够确定年龄，最终我只允许13岁以下。

这是我的代码：

$('#reg-yr').change(function(){
    var year = $('#reg-yr').val();
    var month = $('#reg-mn').val();
    var date = $('#reg-dt').val();

    var firstdate=new Date(year,month,date);
    var today = new Date();
    var dayDiff = Math.ceil(today.getTime() - firstdate.getTime()) / (1000 * 60 * 60 * 24 * 365);
    var age = parseInt(dayDiff);
});

此代码检查更改年份的年龄。 我现在遇到的问题是如何根据年龄填充“月”下拉字段。

例如：今天的日期是2014年6月13日

我生日下拉菜单中的默认日期为1980年1月1日

我想要的是例如当我将年份更改为2001年时，将根据最大年龄来填充月份。

因此，下拉列表应仅包含从1月到5月的几个月。

的jsfiddle

感谢您的帮助。

Answer 1

     $('#reg-yr').change(function(){
             var months =['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
        var year =  $('#reg-yr').val();
        var month = $('#reg-mn').val();
        var date = $('#reg-dt').val();
         var today = new Date();
         var i = 0;
        for(i=0;i <= 12;i++)
        {
            var firstdate=new Date(year,i,date);
             var dayDiff = Math.ceil(today.getTime() - firstdate.getTime()) / (1000 * 60 * 60 * 24 * 365);
             var age = parseInt(dayDiff);

            if(age < 13)
                break;
        }

$('#reg-mn').html('')
        for(j=0;j <(i-1);j++)
        {
            $('#reg-mn').append('<option value="'+ j +'">'+ months[j] +'</option>') ;
        }
    });

请参阅js fiddel上的解决方案

还更新了JSFIDDLE

Answer 2

尝试这个...

$('#reg-yr').change(function(){
    var year = $('#reg-yr').val();
    var month = $('#reg-mn').val();
    var date = $('#reg-dt').val();

    var firstdate=new Date(year,month,date);
    var today = new Date();
    var dayDiff = Math.ceil(today.getTime() - firstdate.getTime()) / (1000 * 60 * 60 * 24 * 365);
    var age = parseInt(dayDiff);


    html = '<option value="">Select Month</option>';
    for(i=1;i<=age;i++) {
        html += '<option value="'+i+'">'+i+'</option>';
    }

    $('select').html(html);

    });