php表单设置出生日期 纯JS实现出生日期[年月日]下拉菜单效果_茜茜_前端开发者...

在制作网页时，可能需要给用户提供注册帐号页面，用户注册 设计很多信息，其中就有 关于出生日期的，出于用户体验，不想让用户手动输入，而HTML5的date，目前很多浏览器支持的并不是很好，所以就可以用

1、新建一个

function DateSelector(selYear, selMonth, selDay) {//定义函数

this.selYear = selYear;

this.selMonth = selMonth;

this.selDay = selDay;

this.selYear.Group = this;

this.selMonth.Group = this;

// 给年份、月份下拉菜单添加处理onchange事件的函数

if (window.document.all != null) // IE

{

this.selYear.attachEvent("onchange", DateSelector.Onchange);

this.selMonth.attachEvent("onchange", DateSelector.Onchange);

}

else // Firefox

{

this.selYear.addEventListener("change", DateSelector.Onchange, false);

this.selMonth.addEventListener("change", DateSelector.Onchange, false);

}

if (arguments.length == 4) // 如果传入参数个数为4，最后一个参数必须为Date对象

this.InitSelector(arguments[3].getFullYear(), arguments[3].getMonth() + 1, arguments[3].getDate());

else if (arguments.length == 6) // 如果传入参数个数为6，最后三个参数必须为初始的年月日数值

this.InitSelector(arguments[3], arguments[4], arguments[5]);

else // 默认使用当前日期

{

var dt = new Date();

this.InitSelector(dt.getFullYear(), dt.getMonth() + 1, dt.getDate());

}

}

// 增加一个最小年份的属性--最老年份

DateSelector.prototype.MinYear = 1960;

// 增加一个最大年份的属性--最新年份，即当前时期getFullYear()

DateSelector.prototype.MaxYear = (new Date()).getFullYear();

// 初始化年份

DateSelector.prototype.InitYearSelect = function () {

// 循环添加OPION元素到年份select对象中

for (var i = this.MaxYear; i >= this.MinYear; i--) {

// 新建一个OPTION

2、在注册表单中的页面，引用刚才写的