function showText(){
    var currentDate = new Date();
    var str = "";
    str += "<style type='text/css'>";
    str += ".normal{}";
    str += ".onormal{color:#C0C0C0}";
    str += ".today {font-weight:bold;BACKGROUND: #6699CC}";
    str += ".satday{color:green}";
    str += ".osatday{color:#00FF80}";
    str += ".sunday{color:red}";
    str += ".osunday{color:#FFB3B3}";
    str += ".days {}";
    str += "</style>";
    str += "<div id='Calendar' style='position:absolute; left:0px; top:0px;z-index:1;visibility: hidden;display:none'>";
    str += "<table id='calendar' cellspacing='0' cellpadding='1' width='210' bordercolor='#C0C0C0' border='1' bgcolor='#EBEBEB' style='font-size:12px'>";
    str += "<form name='formCalendar'>";
    str += "<tr bordercolor='#FFFFFF'>";
    str += "<td colspan='7'><a href='JavaScript:hideCalendar();'>关闭</a> ";
    str += "<select id='year' onChange='changeChoice()'>";
    for (var intLoop = currentDate.getFullYear() - 50; intLoop < (currentDate.getFullYear() + 50); intLoop++) {
        str += "<OPTION VALUE= " + intLoop + " "  + (currentDate.getFullYear() == intLoop ? "Selected" : "") + ">" + intLoop;
    }
    str += "</select>年";
    str += "<select id='month' onChange='JavaScript:changeChoice()'>";
    for (var intLoop = 0; intLoop < 12; intLoop++) {
        str += "<OPTION VALUE= " + (intLoop + 1) + " " + (currentDate.getMonth() == intLoop ? "Selected" : "") + ">" + (intLoop + 1);
    }
    str += "</select>月";
    str += "<input type=hidden name=needtime value='yes' onclick='JavaScript:hms2003.style.display = this.checked ? \"\" : \"none\"'>";
    str += "</td>";
    str += "</tr>";
    str += "<tbody id='hms2003' style='display:none'>";
    str += "<tr bordercolor='#FFFFFF'>";
    str += "<td colspan='7' align='right'>";
    str += "<select name='hour'>";
    for (var i = 0; i < 24; i++) {
        str += "<option value=" + i + ">" + i + "</option>";
    }
    str += "</select>时";
    str += "<select name='minute'>";
    for (var i = 0; i < 60; i++) {
        str += "<option value=" + i + ">" + i + "</option>";
    }
    str += "</select>分";
    str += "<select name='second'>";
    for (var i = 0; i < 60; i++) {
        str += "<option value=" + i + ">" + i + "</option>";
    }
    str += "</select>秒&nbsp;";
    str += "</td>";
    str += "</tr>";
    str += "</tbody>";
    str += "</form>";
    str += "<tr bgcolor='#C0C0C0' bordercolor='#FFFFFF' align='center'>";
    str += "<td class='sunday'>日</td>";
    str += "<td class='days'>一</td>";
    str += "<td class='days'>二</td>";
    str += "<td class='days'>三</td>";
    str += "<td class='days'>四</td>";
    str += "<td class='days'>五</td>";
    str += "<td class='satday'>六</td>";
    str += "</tr>";
    str += "<tbody id='dayList' style='cursor:hand' onClick='JavaScript:getDateToObj(event);'>";
    str += "</tbody>";
    str += "</table>";
    str += "</div>";
    document.write(str);
}
showText();

function createDayList(year,month){
    var cDate = new Date(year,month - 1,1);
    var eDate = new Date(year,month,1);
    var currentDate = new Date();
    var today = currentDate.getDate();
    cDate.setDate(1 - cDate.getDay());
    var d = document.all.dayList;
	//alert(d.rows.length);
    for(i = 0; i< d.rows.length;){
        d.deleteRow(i);
    }
    //alert(d.rows.length);
	do {
        var dayTr = document.createElement("TR");
        dayTr.borderColor = "#FFFFFF";
        dayTr.align = "center";
        for (i = 0; i < 7; i++) {
            var dayTd = document.createElement("TD");
			if(navigator.appName.indexOf("Explorer") > -1){

				dayTd.innerText = cDate.getDate();

			} else{

				dayTd.textContent = cDate.getDate();

			}
            
            var thisMonth = cDate.getMonth() == month - 1;
            if(currentDate.getFullYear() == cDate.getFullYear() && currentDate.getMonth() == cDate.getMonth() && currentDate.getDate() == cDate.getDate()) {
                dayTd.className = "today";
            } else if(cDate.getDay() == 6) {
                dayTd.className = thisMonth ? "satday" : "osatday";
            } else if (cDate.getDay() == 0) {
                dayTd.className = thisMonth ? "sunday" : "osunday";
            } else {
                dayTd.className = thisMonth ? "normal" : "onormal";
            }

            dayTr.appendChild(dayTd);
            cDate.setDate(cDate.getDate() + 1);
        }
        d.appendChild(dayTr)
    } while(cDate.getMonth() != eDate.getMonth());
	
}
var tarObj = null;
function showCalendar(obj,e){
    var calendar = document.all.Calendar;
	//var calendar=document.getElementById("Calendar");
	
    var isOpen = obj != tarObj;
    tarObj = obj;
	var x,y;
var scrollPos; 

if (typeof window.pageYOffset != 'undefined') { 
   scrollPos = window.pageYOffset; 
  
} 
else if (typeof document.compatMode != 'undefined' && 
     document.compatMode != 'BackCompat') { 
   scrollPos = document.documentElement.scrollTop; 
   
} 
else if (typeof document.body != 'undefined') { 
   scrollPos = document.body.scrollTop; 
} 
	e=e||event;
	x = document.body.scrollLeft + e.clientX - 90; //获取当前鼠标位置的X坐标
	
	y = scrollPos + e.clientY + 20; //获取当前鼠标位置的Y坐标
    if(x + 230 > document.body.offsetWidth) x = document.body.offsetWidth - 230;
    if(x < 0 ) x = 5;
    if(y + 190 > document.body.scrollHeight) y = document.body.scrollHeight - 190;
    if( y < 0) y = 0;
	
    calendar.style.left = x;
    calendar.style.top = y;
	

/**	x = document.body.scrollLeft + event.clientX - 90; //获取当前鼠标位置的X坐标
	y = document.body.scrollTop + event.clientY + 20; //获取当前鼠标位置的Y坐标
    calendar.style.left = x;
    calendar.style.top = y;
    **/
	
    calendar.style.visibility = isOpen || calendar.style.visibility == "hidden" ? "visible" : "hidden";
	
    calendar.style.display = calendar.style.visibility == "hidden" ?"none":"";  
	
    changeChoice();

}

function changeChoice(){
	//alert("1");
	//alert(parseInt(document.formCalendar.year.value));
	//alert(parseInt(document.formCalendar.month.value));
    createDayList(parseInt(document.formCalendar.year.value),parseInt(document.formCalendar.month.value));
	//alert("2");
}

function getDateToObj(e){
     var sDate;
	 e=e||event;
    //这段代码处理鼠标点击的情况
	var objElement = e.srcElement ? e.srcElement : e.target;
	
	//alert(objElement.tagName);

    if ("TD" == objElement.tagName && "o" != objElement.className.substring(0,1)) {
        with(document.formCalendar) {
			if(navigator.appName.indexOf("Explorer") > -1)
				{
				
					 sDate = year.value + "-" + month.value + "-" + objElement.innerText;
				}
				else
				{
					 sDate = year.value + "-" + month.value + "-" + objElement.textContent;
				}

            if(needtime.checked) {
                sDate += " " + hour.value + ":" + minute.value + ":" + second.value;
            }
        }
        if(tarObj != null) tarObj.value = sDate;
        hideCalendar();
    }
}

function hideCalendar(){
    var calendar = document.all.Calendar;
    calendar.style.visibility = "hidden";
}