日期输入控件2（日期选择）时间日期__脚本特效

日期输入控件2（日期选择）

时间： 2007-10-31 16:18:27　阅读次数：2612

<SCRIPT LANGUAGE="JavaScript" DEFER>
//每月的最后一天
Date.prototype.getLastDay = function(year,month) {
if(arguments.length==2)
return(new Date(year,month,0).getDate())
else
with(new Date())return(new Date(getYear(),getMonth()+1,0).getDate())
}
//创建到哪里
var oWhere =aa;
//公量
var i,j=0,iYearSelectedIndex,iDateSelectIndex;
var startYear = 2000,endYear = 2008;
var now = new Date();
with(now) var nowY=getYear(),nowM=getMonth()+1,nowD=getDate(),nowLD=getLastDay();
//创建所有的对象
var elemYear = new Array(),elemMonth = new Array(),elemDate = new Array();
with(document) {
elemYear[0] = createElement("<SELECT name='year'>");
elemYear[1] = createTextNode("年");
elemMonth[0] = createElement("<SELECT name='month'>");
elemMonth[1] = createTextNode("月");
elemDate[0] = createElement("<SELECT name='date'>");
elemDate[1] = createTextNode("日");
}
//设置所有对象的属性
//.name
with(elemYear[0])className="userData",id="Year";
with(elemMonth[0])className="userData",id="Month";
with(elemDate[0])className="userData",id="Date";
//按索引顺序逐个添加对象
appendAllChild(elemYear),appendAllChild(elemMonth),appendAllChild(elemDate);
//创建列表框内容
CreateYearOptions()
CreateMonthOptions();
CreateDateOptions(nowLD,nowD-1);
//触发onchange事件
elemYear[0].onchange = function() {CreateDateOptions(now.getLastDay(this.value,elemMonth[0].value))}
elemMonth[0].onchange = function() {CreateDateOptions(now.getLastDay(elemYear[0].value,this.value))}
elemDate[0].onchange = function() {iDateSelectIndex=this.selectedIndex}
/* FUNCTION */
//append Child function
function appendAllChild(elem) {
with(oWhere) {
for (var i=0;i<elem.length;i++)
appendChild(elem[i]);
}
}
//create options of year
function CreateYearOptions() {
with(elemYear[0]) {
for (i=startYear;i<=endYear;i++) {
if (i==nowY) iYearSelectedIndex=j;
options[j] = new Option(i,i);
j++;
}
options[iYearSelectedIndex].selected=true;
}
}
//create options of month
function CreateMonthOptions() {
with(elemMonth[0]) {
for (i=0;i<12;i++)options[i] = new Option(i+1,i+1);
options[nowM-1].selected=true;
}
}
//create options of date
function CreateDateOptions(lastday,selectToday) {
with(elemDate[0]) {
length=0;
for (i=0;i<lastday;i++)options[i] = new Option(i+1,i+1)
if (selectToday) {
options[selectToday].selected=true,iDateSelectIndex=selectToday;
} else {
iDateSelectIndex = Math.min(iDateSelectIndex,lastday-1);
}
options[iDateSelectIndex].selected=true;
}
}
</SCRIPT>

提示：您可以先修改部分代码再运行