一个兼容IE7和Chrome的日期控件

/*Powered by thlExample:<SCRIPT LANGUAGE="JavaScript" src="Calendar.js"></SCRIPT><input id="date1" type=text ondblclick="c__showCalendar('date1')" value="2104-02-01" title="双击显示日历" onfocus=this.select()>*/function FreeCalendar(sDate){    var c__months=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");var c__lastDaysOfMonth=new Array(31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31);var c__weekDays=new Array("日","一", "二", "三", "四", "五", "六");var c__currentDate=null;var c__date=null;var c__year=null;var c__month=null;var c__day=null;var c__weekDay=null;var c__today=new Date();var c__sundayColor="red";//星期日颜色var c__saturdayColor="green";//星期六颜色var c__normalDayColor="black";//普通日期颜色var c__calendarTitleBackgroundColor="#e0e0e0";//星期标题栏背景色var c__currentDayColor="darkred";//当前日期颜色var c__todayColor="black";//今天颜色//重写最小最大年份var c__beginYear = c__today.getFullYear() - 10; //最小年份var c__endYear = c__beginYear + 20;             //最大年份var c__beginDate=new Date(c__beginYear+"/01/01");var c__endDate=new Date(c__endYear+"/12/31");//日期this.getDate=function(){return c__dateToString(c__date);}this.setDate=function(sDate){c__date=c__stringSafeToDate(sDate);c__date=(c__date<c__beginDate)?c__beginDate:c__date;c__date=(c__date>c__endDate)?c__endDate:c__date;c__year=c__date.getFullYear();c__month=c__date.getMonth();c__day=c__date.getDate();c__weekDay=c__date.getDay();}//原始输入日期this.getCurrentDate=function(sDate){return c__dateToString(c__currentDate);}this.setCurrentDate=function(sDate){c__currentDate=c__stringSafeToDate(sDate);}//年this.getYear=function(){return c__year;}this.setYear=function(year){c__year=year;}//月this.getMonth=function(){return c__month;}this.setMonth=function(month){c__month=month;}//日this.getDay=function(){return c__day;}this.setDay=function(day){c__day=day;}//星期this.getWeekDay=function(){return c__weekDay;}this.setWeekDay=function(weekDay){c__weekDay=weekDay;}//是否闰年this.isLeapYear=function(){return ((0 == this.getYear() % 4) && (0 != (this.getYear() % 100))) || (0 == this.getYear() % 400);}//获取当月最后一天的日期this.getLastDayOfMonth=function(){if(this.getMonth()==1){return (this.isLeapYear())?29:28;}else{return c__lastDaysOfMonth[this.getMonth()];}}//绘制日历框架this.renderCalendar=function(){var s="";s+="<div id=\"c__calendarDiv\" style=\"width:100%;display:none;z-index:100;\">";s+="<table border=\"0\" width=\"100%\" align=\"center\" style=\"border-collapse:collapse;font-size:9pt;font-family:宋体;cursor:default;\" oncontextmenu=\"return false;\" onselectstart=\"return false;\">";//日历头部s+="<tr>";s+="<td>";s+=this.renderCalendarHead();s+="</td>";s+="</tr>";//日历日期部分s+="<tr>";s+="<td style=\"border-top:1px solid silver;\">";s+=this.renderDateGrid();s+="</td>";s+="</tr>";//日历底部s+="<tr>";s+="<td style=\"border-top:1px solid silver;\">";s+=this.renderCalendarFoot();s+="</td>";s+="</tr>";s+="</table>";s+="</div>";document.body.innerHTML = document.body.innerHTML + s;}//绘制日期头部this.renderCalendarHead=function(){var s="";s+="<table border=\"0\" width=\"100%\" style=\"font-size:9pt;font-family:宋体;\" cellspacing=\"0\">";s+="<tr>";//年份下拉框s+="<td>";s+="<select id=\"c__yearSelector\" onchange=\"parent.c__cal.changeDate(this.value,document.all.c__monthSelector.value)\" style=\"width:100%;\">";for(var i=c__beginYear;i<=c__endYear;++i){var selected="";if(i==this.getYear()){selected="selected";}s+="<option "+selected+" value=\""+i+"\">"+i+"</option>";}s+="</select>";s+="</td>";//月份下拉框s+="<td align=\"right\">";s+="<select id=\"c__monthSelector\" onchange=\"parent.c__cal.changeDate(document.all.c__yearSelector.value,this.value)\" style=\"width:100%;\">";for(var i=0;i<c__months.length;++i){var selected="";if(i==this.getMonth()){selected="selected";}s+="<option "+selected+" value=\""+i+"\">"+c__months[i]+"</option>";}s+="</select>";s+="</td>";s+="</tr>";s+="</table>";return s;}//绘制日历日期this.renderDateGrid=function(){var s="";s+="<table border=\"0\" width=\"100%\" id=\"c__dateGrid\" cellspacing=\"0\" style=\"font-size:9pt;font-family:宋体;\">";//星期标题s+="<tr style=\"background-color:"+c__calendarTitleBackgroundColor+";\">";for(var i=0;i<c__weekDays.length;++i){//日期颜色var dayColor="";switch(i){case 0:dayColor=c__sundayColor;break;case 6:dayColor=c__saturdayColor;break;default:dayColor=c__normalDayColor;break;}s+="<td align=\"center\" valign=\"middle\" height=\"20\" style=\"color:"+dayColor+";border-bottom:1px solid silver;\"><b>"+c__weekDays[i]+"</b></td>";}s+="</tr>";//日期for(var i=0;i<6;++i){s+="<tr>";for(var r=0;r<c__weekDays.length;++r){s+="<td align=\"center\" valign=\"middle\" height=\"20\"  style=\"color:"+dayColor+";cursor:hand;\" onclick=\"parent.c__getDate(this.innerText)\" onmouseover=\"this.style.textDecoration='underline'\" onmouseout=\"this.style.textDecoration=''\"></td>";}s+="</tr>";}s+="</table>";return s;}//绘制日期底部this.renderCalendarFoot=function(){var s="";s+="<table width=\"100%\" style=\"font-size:9pt;font-family:宋体;\">";s+="<tr>";s+="<td nowrap width=\"30\" style=\"color:"+c__todayColor+";\">今天:</td>";s+="<td onclick=\"parent.c__input.value=this.innerText;parent.c__hideCalendar()\" style=\"cursor:hand;color:"+c__todayColor+";\"onmouseover=\"this.style.textDecoration='underline'\" onmouseout=\"this.style.textDecoration=''\">";s+="<b>"+c__dateToString(c__today)+"</b>";s+="</td>";//s+="<td onclick=\"parent.c__input.value='';parent.c__hideCalendar()\" style=\"cursor:hand;color:\"><b>清空</b></td>";s+="</tr>";s+="</table>";s+="";return s;}//显示日期this.showDate=function(){    //显示年份    try{        document.all.c__yearSelector.selectedIndex=this.getYear()-c__beginYear;    }    catch(err){}    //显示月份     try  {        document.all.c__monthSelector.selectedIndex = this.getMonth();    }     catch(err){}     //填充日期值     var date=0;     //本月1号星期值     var fistWeekDayOfMonth = new Date(this.getYear() + "/" + (this.getMonth() + 1) + "/1").getDay();     for (i = 0; i < 6; ++i) {         for (var r = 0; r < c__weekDays.length; ++r) {             //日期颜色             var dayColor = "";             switch (r) {                 case 0:                     dayColor = c__sundayColor;                     break;                 case 6:                     dayColor = c__saturdayColor;                     break;                 default:                     dayColor = c__normalDayColor;                     break;             }             var sDate = "";             var j = i * c__weekDays.length + r;             if (j >= fistWeekDayOfMonth && j < fistWeekDayOfMonth + this.getLastDayOfMonth()) {                 date++;                 sDate = date;                 if (this.getYear() == c__currentDate.getFullYear() && this.getMonth() == c__currentDate.getMonth() && date == c__currentDate.getDate()) {                     //当天日期样式                     document.all.c__dateGrid.rows[i + 1].cells[r].style.border = "1px solid " + c__currentDayColor;                 }                 else {                     document.all.c__dateGrid.rows[i + 1].cells[r].style.border = "1px solid white";                }            }            else {                document.all.c__dateGrid.rows[i + 1].cells[r].style.border = "1px solid white";            }            document.all.c__dateGrid.rows[i + 1].cells[r].style.color = dayColor;            document.all.c__dateGrid.rows[i + 1].cells[r].style.backgroundColor = "white";            document.all.c__dateGrid.rows[i + 1].cells[r].innerHTML = sDate;        }    }    if (document.all.c__calendarFrame != null) {        c__calendarFrame.document.body.innerHTML = document.all.c__calendarDiv.innerHTML;        c__calendarFrame.document.all.c__yearSelector.selectedIndex = this.getYear() - c__beginYear;        c__calendarFrame.document.all.c__monthSelector.selectedIndex = this.getMonth();    }}//改变日历年份或月份this.changeDate=function(year,month){var sDate=year+"-"+eval(month+"+1")+"-"+((this.getDay()>c__lastDaysOfMonth[month])?c__lastDaysOfMonth[month]:this.getDay());this.setDate(sDate);this.showDate();}//初始化this.initialize=function(){this.setCurrentDate(sDate);this.setDate(sDate);this.renderCalendar();this.showDate();};this.initialize();}//转换字符串日期function c__stringToDate(sDate){var regex=new RegExp("\\d{8}");if(regex.test(sDate)){sDate=sDate.substr(0,4)+"/"+sDate.substr(4,2)+"/"+sDate.substr(6,2)}else{sDate=sDate.replace(/-/g,"/");}return new Date(sDate);}//安全转换字符串日期,非法日期转换为今天function c__stringSafeToDate(sDate){var regex=new RegExp("\\d+-\\d+-\\d+");if(!regex.test(sDate)){return new Date();}else{try{var date=c__stringToDate(sDate.match(regex)[0]);if(isNaN(date)){return new Date();}else{return date;}}catch(err){return new Date();}}}//转换日期到字符串function c__dateToString(date){var year;var month;var day;year=date.getFullYear();month=date.getMonth()+1;day=date.getDate();month="0"+month;month=month.substring(month.length-2,month.length);day="0"+day;day=day.substring(day.length-2,day.length);return year+"-"+month+"-"+day;}//获取绝对位置function c__getPosition(obj){    var x,y;    var coordinates=new Object();    var tmp_obj=obj;    x=0;    y=0;    while (tmp_obj != null && tmp_obj.nodeName.toUpperCase() != "BODY") {      x+=tmp_obj.offsetLeft;      y += tmp_obj.offsetTop;      if (tmp_obj.nodeName.toUpperCase() == "DIV")      {        x-=tmp_obj.scrollLeft;        y -= tmp_obj.scrollTop;      }        tmp_obj = tmp_obj.offsetParent;    }    coordinates.x=x;    coordinates.y=y;    return coordinates;}//获取日期function c__getDate(day){if(day!=""){var date=c__stringToDate(document.all.c__yearSelector.value+"-"+eval(document.all.c__monthSelector.value+"+1")+"-"+day);c__input.value=c__dateToString(date);c__hideCalendar();}}//改变日期function c__changeDate(year,month){var date=year+"-"+eval(month+"+1")+"-"+c__cal.getDay();c__cal.setDate(date);c__cal.showDate();}//检测日期合法function c__checkDate(objName){var obj=document.all[objName];var regex=new RegExp("\\d+-\\d+-\\d+|\\d{8}");if(!regex.test(obj.value)){obj.value="";}else{var date=c__stringToDate(obj.value.match(regex)[0]);if(isNaN(date)){obj.value="";}else{obj.value=c__dateToString(date);}}}var today1 = new Date();var beginyear1 = today1.getFullYear() - 10;//显示日历function __showCalendar(objName) {var obj=document.all[objName];c__input=obj;c__cal.setCurrentDate(c__input.value);c__cal.setDate(c__input.value);c__cal.showDate();event.cancelBubble=true;c__calendarFrame.document.body.innerHTML = document.all.c__calendarDiv.innerHTML;var objDate = new Date(c__input.value);c__calendarFrame.document.all.c__yearSelector.selectedIndex = objDate.getFullYear() - beginyear1;c__calendarFrame.document.all.c__monthSelector.selectedIndex = objDate.getMonth();    document.all.c__calendarFrame.style.left = (c__getPosition(c__input).x + document.all.c__calendarFrame.offsetWidth + 5) <= document.body.clientWidth ? c__getPosition(c__input).x + 'px' : document.body - 160 + 'px';    document.all.c__calendarFrame.style.top = c__getPosition(c__input).y + c__input.offsetHeight + 'px';document.all.c__calendarFrame.style.display = 'block';}//隐藏日历function c__hideCalendar(){document.all.c__calendarFrame.style.display='none';}var c__input=null;var c__cal=new FreeCalendar();document.body.innerHTML = document.body.innerHTML + '<iframe src="about:blank" frameborder=0 scrolling="no"  MARGINHEIGHT=0 MARGINWIDTH=0 border=0 id="c__calendarFrame" name="c__calendarFrame" onkeydown="c__selectStock()" style="display:none;border:1px solid gray;width:150px;height:195px;overflow:visible;position:absolute;FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=silver,strength=3);left: 3%; top: 3%;background-color: white;z-index:999; "></iframe>';if ( document.body.attachEvent) { document.body.attachEvent("onclick", function () { c__hideCalendar(); }); }else { document.body.addEventListener("click", function () { c__hideCalendar(); },false);}