如何在出生日期下拉列表中设置开始年份

How to set the start year in date of birth dropdown

本文关键字:设置 开始 下拉列表 出生日期      更新时间:2024-02-01

我有一些代码来显示出生日期值。我想在这个java脚本中再添加一个函数,但不确定最佳方式。

年龄默认设置为2000年,用户不能再低了,因为你必须年满13岁才能加入该网站。

我可以调整此代码以每年自动更改默认值吗?

例如,明年这个人可以在2001年出生,年满13岁,因此默认为"2001",即2002年之后的一年。

有人能帮我自动化这个代码而不必手动更改吗?

请参阅Fiddle

var ysel = document.getElementsByName("year")[0],
    msel = document.getElementsByName("month")[0],
    dsel = document.getElementsByName("day")[0];
for (var i = 2000; i >= 1950; i--) {
    var opt = new Option();
    opt.value = opt.text = i;
    ysel.add(opt);
}
ysel.addEventListener("change", validate_date);
msel.addEventListener("change", validate_date);
function validate_date() {
    var y = +ysel.value, m = msel.value, d = dsel.value;
    if (m === "2")
        var mlength = 28 + (!(y & 3) && ((y % 100) !== 0 || !(y & 15)));
    else var mlength = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][m - 1];
    dsel.length = 0;
    for (var i = 1; i <= mlength; i++) {
        var opt = new Option();
        opt.value = opt.text = i;
        if (i == d) opt.selected = true;
        dsel.add(opt);
    }
}
validate_date();

使用Date obj查找当前年份并减去您的首选年龄

var currentYear = new Date().getFullYear();
for (var i = currentYear-13; i >= 1950; i--) {
    var opt = new Option();
    opt.value = opt.text = i;
    ysel.add(opt);
}