document.write(""); var sHtml = ''; sHtml += '

日

一

二

三

四

五

六

'; var n = 0; for (j = 0; j < 5; j++){ sHtml += ''; for (i=0;i<7;i++){ sHtml += ''; n++; } sHtml += ''; } sHtml += ''; for (i=35; i<37; i++){ sHtml += ''; } sHtml += '

'; sHtml += '

日

一

二

三

四

五

六

'; n = 0; for (j=0;j<5;j++){ sHtml += ''; for (i=0;i<7;i++){ sHtml += ''; n++; } sHtml += ''; } sHtml += ''; for (i=35;i<37;i++){ sHtml += ''; } sHtml += ' '; sHtml += '


	关闭

'; var oFrameWindow; function init(){ oFrameWindow = document.getElementById("endDateLayer").contentWindow; if(oFrameWindow){ oFrameWindow.document.writeln(sHtml); oFrameWindow.document.close(); }else{ setTimeout(init,500); } } setTimeout(init,500); //==================================================== WEB 页面显示部分 ====================================================== var outObject; var outButton;//点击的按钮 var outDate = "";//存放对象的日期 //by czc 20090123 var option = { minDay:null, maxDay:null, onDayClick:null } function initOption(mind,maxd,fn){ var reg = /^(\d+)-(\d{1,2})-(\d{1,2})/;//不含时间 option.minDay = null; option.maxDay = null; option.onDayClick = null; var td = new Date(); if(mind){ if(mind.toLowerCase() === "today"){ option.minDay = td.getFullYear()+"-"+(td.getMonth()+1)+"-"+td.getDate(); }else if(mind.match(reg)){ option.minDay = mind; }else if(document.getElementById(mind) &&document.getElementById(mind).value &&document.getElementById(mind).value.match(reg)){ option.minDay = getDateStr(addDate(getDateFormStr(document.getElementById(mind).value),1)); }else{ option.minDay = td.getFullYear()+"-"+(td.getMonth()+1)+"-"+td.getDate(); } }else{ option.minDay = td.getFullYear()+"-"+(td.getMonth()+1)+"-"+td.getDate(); } if(maxd){ if(maxd.match(reg)){ option.maxDay = maxd; }else if(document.getElementById(maxd) &&document.getElementById(maxd).value &&document.getElementById(maxd).value.match(reg)){ option.maxDay = document.getElementById(maxd).value; } } if(fn){ option.onDayClick = fn; } //alert(option.minDay+" "+option.maxDay+" "+option.onDayClick); } //取日期对象格式 yyyy-mm-dd function getDateFormStr(dateStr){ var result = null; var reg = /^(\d+)-(\d{1,2})-(\d{1,2})/;//不含时间 if(dateStr&&dateStr.match(reg)){ var r = dateStr.match(reg); r[2]=r[2]-1; result = new Date(r[1],r[2],r[3]); } return result; } //取日期字符串格式 yyyy-mm-dd function getDateStr(date){ var result = ""; if(date){ var m = date.getMonth()+1; var d = date.getDate(); m = m < 10?"0" + m:m; d = d < 10?"0" + d:d; result = date.getFullYear()+"-"+m+"-"+d; } return result; } //返回日期间的天数，日期格式为2008-05-29 function getDaysBetween(d1,d2){ var d1Str = d1.split("-"); var d2Str = d2.split("-"); var date1 = new Date(d1Str[0],d1Str[1]-1,d1Str[2]); var date2 = new Date(d2Str[0],d2Str[1]-1,d2Str[2]); var datesBetween = (date2.getTime()-date1.getTime())/(1000*60*60*24); //alert((date2.getTime()-date1.getTime())+" "+datesBetween); return datesBetween; } //添加日期 function addDate(date,conut){ var result = new Date(); result.setTime(parseInt(date.getTime())+1000*60*60*24*conut); return result; } //主调函数 function fSetDay(oInput,mind,maxd,fn,obj){ if (arguments.length > 5){ alert("对不起！传入本控件的参数太多！"); return; } if (arguments.length == 0){ alert("对不起！您没有传回本控件任何参数！"); return; } var oLayer = document.getElementById("endDateLayer").style; var oTmpInput = oInput; var nTop = oInput.offsetTop;//控件的定位点高 var nHeight = oInput.clientHeight;//控件本身的高 var nLeft = oInput.offsetLeft;//控件的定位点宽 var sType = oInput.type;//控件的类型 while(oTmpInput = oTmpInput.offsetParent){ nTop += oTmpInput.offsetTop; nLeft += oTmpInput.offsetLeft; } oLayer.top = (sType == "image") ? (nTop + nHeight +" px") : (nTop + nHeight + 6 + "px"); if(nLeft + 300 >= document.body.clientWidth){nLeft = document.body.clientWidth - 300;} oLayer.left = nLeft +"px" ; outObject = (arguments.length <= 4) ? oInput : obj; outButton = (arguments.length <= 4) ? null : oInput;//设定外部点击的按钮 //根据当前输入框的日期显示日历的年月 var reg = /^(\d+)-(\d{1,2})-(\d{1,2})/; //不含时间 // by czc 20090123 initOption(mind,maxd,fn); var r = outObject.value.match(reg); if( r != null ){ r[2] = r[2]-1; var d=new Date(r[1],r[2],r[3]); if(d.getFullYear()==r[1] && d.getMonth()==r[2] && d.getDate()==r[3]) { outDate=d; meizzTheYear = r[1]; meizzTheMonth = r[2]; meizzTheDate = r[3]; }else{ outDate=""; } meizzSetDay(r[1],r[2]+1); }else{ outDate = ""; meizzSetDay(new Date().getFullYear(), new Date().getMonth() + 1); } meizzWriteHead(meizzTheYear,meizzTheMonth); oLayer.display = ''; } var MonHead = new Array(12);//定义阳历中每个月的最大天数 MonHead[0] = 31; MonHead[1] = 28; MonHead[2] = 31; MonHead[3] = 30; MonHead[4] = 31; MonHead[5] = 30; MonHead[6] = 31; MonHead[7] = 31; MonHead[8] = 30; MonHead[9] = 31; MonHead[10] = 30; MonHead[11] = 31; var meizzTheYear = new Date().getFullYear();//定义年的变量的初始值 var meizzTheMonth = new Date().getMonth()+1;//定义月的变量的初始值 var meizzTheDate = new Date().getDate();//定义日的变量的初始值 var meizzWDay = new Array(37);//定义写日期的数组 var meizzWDayT = new Array(37);//定义写日期的数组第二个月 //任意点击时关闭该控件 //ie6的情况可以由下面的切换焦点处理代替 document.onclick = function(e){ var ev = e || event; var t = ev.target || ev.srcElement; if(t.id.indexOf("Date") != -1) return ; with(ev){ if (t != outObject && t != outButton) closeLayer(); } } //按Esc键关闭，切换焦点关闭 document.onkeyup = function(e){ var ev = e || event; if (ev.keyCode==27){ if(outObject) outObject.blur(); closeLayer(); }else if(document.activeElement){ if(document.activeElement != outObject && document.activeElement != outButton){ closeLayer(); } } } //往 head 中写入当前的年与月 function meizzWriteHead(yy,mm,ss){ oFrameWindow.document.getElementById("meizzYearHead").innerHTML = yy + "."; oFrameWindow.document.getElementById("meizzMonthHead").innerHTML = format(mm); if(mm==12){ var y2=parseInt(yy)+1; oFrameWindow.document.getElementById("meizzYearHead2").innerHTML = y2 + "."; oFrameWindow.document.getElementById("meizzMonthHead2").innerHTML = 1 ; } else{ oFrameWindow.document.getElementById("meizzYearHead2").innerHTML = yy + "."; oFrameWindow.document.getElementById("meizzMonthHead2").innerHTML = format(mm+1) ; } } //这个层的关闭 function closeLayer(){ var o = document.getElementById("endDateLayer"); if (o != null){ o.style.display="none"; } } //这个层 function showLayer(){ document.getElementById("endDateLayer").style.display=""; } //判断是否闰平年 function IsPinYear(year){ if (0==year%4&&((year%100!=0)||(year%400==0))) return true;else return false; } //闰年二月为29天 function GetMonthCount(year,month){ var c=MonHead[month-1];if((month==2)&&IsPinYear(year)) c++;return c; } //求某天的星期几 function GetDOW(day,month,year){ var dt=new Date(year,month-1,day).getDay()/7; return dt; } //往前翻 Year function meizzPrevY(){ if(meizzTheYear > 999 && meizzTheYear <10000){meizzTheYear--;} else{alert("年份超出范围（1000-9999）！");} meizzSetDay(meizzTheYear,meizzTheMonth); } //往后翻 Year function meizzNextY(){ if(meizzTheYear > 999 && meizzTheYear <10000){meizzTheYear++;} else{alert("年份超出范围（1000-9999）！");} meizzSetDay(meizzTheYear,meizzTheMonth); } function setNull(){ outObject.value = ''; closeLayer(); } //Today Button function meizzToday(){ parent.meizzTheYear = new Date().getFullYear(); parent.meizzTheMonth = new Date().getMonth()+1; parent.meizzTheDate = new Date().getDate(); if (meizzTheMonth<10 && meizzTheMonth.length<2){//格式化成两位数字 parent.meizzTheMonth="0"+parent.meizzTheMonth; } if (parent.meizzTheDate<10 && parent.meizzTheDate.length<2){//格式化成两位数字 parent.meizzTheDate="0"+parent.meizzTheDate; } //meizzSetDay(meizzTheYear,meizzTheMonth); if(outObject){ outObject.value= parent.meizzTheYear + "-" + format( parent.meizzTheMonth) + "-" + format(parent.meizzTheDate); //注：在这里你可以输出改成你想要的格式 } closeLayer(); } //往前翻月份 function meizzPrevM(){ if(meizzTheMonth>1){ meizzTheMonth-- }else{ meizzTheYear--;meizzTheMonth=12; } meizzSetDay(meizzTheYear,meizzTheMonth); } //往后翻月份 function meizzNextM(){ if(meizzTheMonth==12){meizzTheYear++;meizzTheMonth=1}else{meizzTheMonth++} meizzSetDay(meizzTheYear,meizzTheMonth); } // TODO: 整理代码 //主要的写程序********** function meizzSetDay(yy,mm){ meizzWriteHead(yy,mm); //设置当前年月的公共变量为传入值 meizzTheYear=yy; meizzTheMonth=mm; //初始化最小最大日期 by czc 20090123 var _minDay,_maxDay,_onDayClick; if(option.minDay){ _minDay = getDateFormStr(option.minDay); } if(option.maxDay){ _maxDay = getDateFormStr(option.maxDay); } if(option.onDayClick){ _onDayClick = option.onDayClick; } //第一个月 for (var i = 0; i < 37; i++){meizzWDay[i]=""};//将显示框的内容全部清空 var day1 = 1,day2=1,firstday = new Date(yy,mm-1,1).getDay();//某月第一天的星期几 for (i = firstday; day1 < GetMonthCount(yy,mm)+1; i++) { meizzWDay[i]=day1;day1++; } for (i = 0; i < 37; i++){ var da = oFrameWindow.document.getElementById("meizzDay"+i);//书写新的一个月的日期星期排列 //初始化 da.style.border="0px"; da.style.backgroundColor="#ffffff"; da.onmouseover =Function("onMouseOut(this)"); da.onmouseout = Function("onMouseOut(this)"); if (meizzWDay[i]!=""){ //初始化边框 da.style.color = "#1B75BE"; da.style.fontWeight = "bold"; //本月的部分 da.innerHTML= meizzWDay[i]; da.title=mm +"月" + meizzWDay[i] + "日"; if(_onDayClick){ da.onclick = Function("meizzDayClick(this.innerHTML,0);"+_onDayClick);//给td赋予onclick事件的处理 }else{ da.onclick = Function("meizzDayClick(this.innerHTML,0);");//给td赋予onclick事件的处理 } //如果是当前选择的日期，则显示亮蓝色的背景；如果是当前日期，则显示暗黄色背景 if(!outDate){ if((yy < _minDay.getFullYear())||(yy == _minDay.getFullYear() && mm < _minDay.getMonth()+1 )||(yy == _minDay.getFullYear() && mm == _minDay.getMonth()+1 && meizzWDay[i] < _minDay.getDate())){ da.style.color="#999999"; da.onclick = function(){return false;} }else if(_maxDay&&((yy > _maxDay.getFullYear())||(yy == _maxDay.getFullYear() && mm > _maxDay.getMonth()+1 )||(yy == _maxDay.getFullYear() && mm == _maxDay.getMonth()+1 && meizzWDay[i] > _maxDay.getDate()))){ da.style.color="#999999"; da.onclick = function(){return false;} }else if((yy == new Date().getFullYear() && mm == (new Date().getMonth()+1) && meizzWDay[i] == new Date().getDate())){ da.style.color="#ffffff"; da.style.backgroundColor="#1B75BE"; da.onmouseover=Function("onMouseOver(this)"); da.onmouseout=Function("onMouseOutToday(this)"); da.style.cursor = "pointer"; }else { da.onmouseover=Function("onMouseOver(this)"); da.style.cursor = "pointer"; } }else{ if((yy < _minDay.getFullYear())||(yy == _minDay.getFullYear() && mm < _minDay.getMonth()+1 )||(yy == _minDay.getFullYear() && mm == _minDay.getMonth()+1 && meizzWDay[i] < _minDay.getDate())){ da.style.color="#999999"; da.onclick = function(){return false;} }else if(_maxDay&&((yy > _maxDay.getFullYear())||(yy == _maxDay.getFullYear() && mm > _maxDay.getMonth()+1 )||(yy == _maxDay.getFullYear() && mm == _maxDay.getMonth()+1 && meizzWDay[i] > _maxDay.getDate()))){ da.style.color="#999999"; da.onclick = function(){return false;} }else if (yy == new Date().getFullYear() && mm == (new Date().getMonth()+1) && meizzWDay[i] == new Date().getDate()){ da.style.color="#ffffff"; da.style.backgroundColor="#1B75BE"; da.onmouseover=Function("onMouseOver(this)"); da.onmouseout=Function("onMouseOutToday(this)"); da.style.cursor = "pointer"; }else if(yy==outDate.getFullYear() && mm== outDate.getMonth() + 1 && meizzWDay[i]==outDate.getDate()){ da.style.backgroundColor="#FFDE6A"; //da.style.border="1px solid #cc0000"; da.onmouseover=Function("onMouseOver(this)"); da.onmouseout=Function("onMouseOutSelected(this)"); da.style.cursor = "pointer"; }else{ da.onmouseover=Function("onMouseOver(this)"); da.style.cursor = "pointer"; } } }else { da.innerHTML=""; da.style.backgroundColor=""; da.style.cursor="default"; } } //第二个月 for (i = 0; i < 37; i++){meizzWDayT[i]=""}; //将显示框的内容全部清空 day1 = 1,day2=1,firstday = new Date(yy,mm,1).getDay(); //某月第一天的星期几 if(mm==12){ yy++;mm=1; }else{ mm++; } for (i = firstday; day1 < GetMonthCount(yy,mm)+1; i++) { meizzWDayT[i]=day1;day1++; } for (i = 0; i < 37; i++){ var da2 = oFrameWindow.document.getElementById("meizzDayT"+i);//书写新的一个月的日期星期排列 //初始化 da2.style.border="0px"; da2.style.backgroundColor="#ffffff"; da2.onmouseover=Function("onMouseOut(this)"); da2.onmouseout=Function("onMouseOut(this)"); if (meizzWDayT[i]!=""){ //初始化边框 da2.style.color="#1B75BE"; da2.style.fontWeight = "bold" //本月的部分 da2.innerHTML= meizzWDayT[i]; da2.title=mm +"月" + meizzWDayT[i] + "日"; if(_onDayClick){ da2.onclick=Function("meizzDayTClick(this.innerHTML,0);"+_onDayClick); //给td赋予onclick事件的处理 }else{ da2.onclick=Function("meizzDayTClick(this.innerHTML,0);"); //给td赋予onclick事件的处理 } //如果是当前选择的日期，则显示亮蓝色的背景；如果是当前日期，则显示暗黄色背景 if(!outDate){//alert(yy+"-"+mm+"-"+meizzWDay[i]+" "+getDateStr(_minDay)); if((yy < _minDay.getFullYear())||(yy == _minDay.getFullYear() && mm < _minDay.getMonth()+1 )||(yy == _minDay.getFullYear() && mm == _minDay.getMonth()+1 && meizzWDayT[i] < _minDay.getDate())){ da2.style.color="#999999"; da2.onclick = function(){return false;} }else if(_maxDay&&((yy > _maxDay.getFullYear())||(yy == _maxDay.getFullYear() && mm > _maxDay.getMonth()+1 )||(yy == _maxDay.getFullYear() && mm == _maxDay.getMonth()+1 && meizzWDayT[i] > _maxDay.getDate()))){ da2.style.color="#999999"; da2.onclick = function(){return false;} }else if((yy == new Date().getFullYear() && mm == (new Date().getMonth()+1) && meizzWDayT[i] == new Date().getDate())){ da2.style.color="#ffffff"; da2.style.backgroundColor="#1B75BE"; da2.onmouseover=Function("onMouseOver(this)"); da2.onmouseout=Function("onMouseOutToday(this)"); da2.style.cursor="pointer"; }else{ da2.onmouseover=Function("onMouseOver(this)"); da2.style.cursor="pointer"; } }else { if((yy < _minDay.getFullYear())||(yy == _minDay.getFullYear() && mm < _minDay.getMonth()+1 )||(yy == _minDay.getFullYear() && mm == _minDay.getMonth()+1 && meizzWDayT[i] < _minDay.getDate())){ da2.style.color="#999999"; da2.onclick = function(){return false;} }else if(_maxDay&&((yy > _maxDay.getFullYear())||(yy == _maxDay.getFullYear() && mm > _maxDay.getMonth()+1 )||(yy == _maxDay.getFullYear() && mm == _maxDay.getMonth()+1 && meizzWDayT[i] > _maxDay.getDate()))){ da2.style.color="#999999"; da2.onclick = function(){return false;} }else if (yy == new Date().getFullYear() && mm == (new Date().getMonth()+1) && meizzWDayT[i] == new Date().getDate()){ da2.style.color="#ffffff"; da2.style.backgroundColor="#1B75BE"; da2.onmouseover=Function("onMouseOver(this)"); da2.onmouseout=Function("onMouseOutToday(this)"); da2.style.cursor="pointer"; }else if(yy==outDate.getFullYear() && mm== outDate.getMonth() + 1 && meizzWDayT[i]==outDate.getDate()){ da2.style.backgroundColor="#FFDE6A"; //da2.style.border="1px solid #cc0000"; da2.onmouseover=Function("onMouseOver(this)"); da2.onmouseout=Function("onMouseOutSelected(this)"); da2.style.cursor="pointer"; }else{ da2.onmouseover=Function("onMouseOver(this)"); da2.style.cursor="pointer"; } } }else { da2.innerHTML=""; da2.style.backgroundColor=""; da2.style.cursor="default"; } } } //点击显示框选取日期，主输入函数************* function meizzDayClick(n,ex){ //parent.meizzTheDate=n; meizzTheDate=n; var yy=meizzTheYear; var mm = parseInt(meizzTheMonth)+ex; //ex表示偏移量，用于选择上个月份和下个月份的日期 //判断月份，并进行对应的处理 if(mm<1){yy--;mm=12+mm;}else if(mm>12){yy++;mm=mm-12;} if (mm < 10){mm = "0" + mm;} if (outObject){ if (!n) { //outObject.value=""; return; } if ( n < 10){n = "0" + n;} WriteDateTo(yy,mm,n); closeLayer(); }else { closeLayer(); alert("您所要输出的控件对象并不存在！"); } } //点击显示框选取日期，主输入函数************* function meizzDayTClick(n,ex){ //parent.meizzTheDate=n; meizzTheDate=n; var yy; var mm; if(meizzTheMonth==12){yy=parseInt(meizzTheYear)+1;mm=1;} else{yy=meizzTheYear;mm = parseInt(meizzTheMonth)+1+ex;} //判断月份，并进行对应的处理 if(mm<1){yy--;mm=12+mm;}else if(mm>12){yy++;mm=mm-12;} if (mm < 10){mm = "0" + mm;} if (outObject){ if (!n) {//outObject.value=""; return; } if ( n < 10){n = "0" + n;} WriteDateTo(yy,mm,n); closeLayer(); }else { closeLayer(); alert("您所要输出的控件对象并不存在！"); } } //格式化数字为两位字符表示 function format(n){ var m=new String(); var tmp=new String(n); if (n<10 && tmp.length<2){m="0"+n;}else{m=n;} return m; } function WriteDateTo(yy,mm,n){ outObject.style.color="#000000"; outObject.value= yy + "-" + format(mm) + "-" + format(n); //注：在这里你可以输出改成你想要的格式 } function onMouseOver(obj){ obj.style.color="#1B75BE"; obj.style.backgroundColor="#BEE4FA"; } function onMouseOut(obj){ obj.style.backgroundColor="#ffffff"; } function onMouseOutToday(obj){ obj.style.color="#ffffff"; obj.style.backgroundColor="#1B75BE"; } function onMouseOutSelected(obj){ obj.style.backgroundColor="#FFDE6A"; //obj.style.backgroundColor="#BEE4FA"; } function showHint(obj,type,minday,maxday,fn){ if(type === 1){ if(obj.value==""){ obj.style.color="#C1C1C1"; obj.value="yyyy-mm-dd"; } }else{ if(obj.value == "yyyy-mm-dd"){ obj.style.color = "#000000"; obj.value = ""; } fSetDay(obj,minday,maxday,fn); } }