求一个日历控件，当点击某天的时候能得到这天的值

<input id="InputCalendar1" name="InputCalendar1" onclick="javascript:this.focus()"
        onfocus="fPopCalendar(this,this,PopCal); return false;" readonly style="cursor: hand"
        type="text" />
        <script language="JavaScript">
        var gdCtrl = new Object();
        var gcGray = "#808080";
        var gcToggle = "highlight";
        var gcBG = "threedface";
        var gMonths = new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
        var gdCurDate = new Date();
        var giYear = gdCurDate.getFullYear();
        var giMonth = gdCurDate.getMonth()+1;
        var giDay = gdCurDate.getDate();
        var sxYear = giYear;
        var sxMonth = giMonth;
        var sxDay = giDay;
        var sxDatestr = gdCtrl.value;
        if (sxDatestr != ""){
            var sxDate = new Date(sxDatestr);
            sxYear = sxDate.getFullYear();
        }
        var VicPopCal = new Object();

        function mouseover(obj){
            obj.style.borderTop = 'buttonshadow 1px solid';
            obj.style.borderLeft = 'buttonshadow 1px solid';
            obj.style.borderRight = 'buttonhighlight 1px solid';
            obj.style.borderBottom = 'buttonhighlight 1px solid';
        }

        function mouseout(obj){
            obj.style.borderTop = 'buttonhighlight 1px solid';
            obj.style.borderLeft = 'buttonhighlight 1px solid';
            obj.style.borderRight = 'buttonshadow 1px solid';
            obj.style.borderBottom = 'buttonshadow 1px solid';
        }

        function mousedown(obj){
            obj.style.borderTop = 'buttonshadow 1px solid';
            obj.style.borderLeft = 'buttonshadow 1px solid';
            obj.style.borderRight = 'buttonhighlight 1px solid';
            obj.style.borderBottom = 'buttonhighlight 1px solid';
        }

        function mouseup(obj){
            obj.style.borderTop = 'buttonhighlight 1px solid';
            obj.style.borderLeft = 'buttonhighlight 1px solid';
            obj.style.borderRight = 'buttonshadow 1px solid';
            obj.style.borderBottom = 'buttonshadow 1px solid';
        }

        function fPopCalendar(popCtrl, dateCtrl, popCal){
            VicPopCal = popCal;
            gdCtrl = dateCtrl;
            fSetYearMon(giYear, giMonth);
            var point = fGetXY(popCtrl);
            with (VicPopCal.style) {
                left = point.x;top  = point.y+popCtrl.offsetHeight+1;visibility = 'visible';
            }
            VicPopCal.focus();
        }
        function fSetDate(iYear, iMonth, iDay){
            if ((iYear == 0) && (iMonth == 0) && (iDay == 0)){
                gdCtrl.value = "";
            }
            else{
            if (iMonth < 10){
                iMonth = "0"+iMonth;
            }
            if (iDay < 10){
                iDay = "0"+iDay;
            }
                gdCtrl.value = iYear+"-"+iMonth+"-"+iDay;
            }
            VicPopCal.style.visibility = "hidden";
        }

        function fSetSelected(aCell){
            var iOffset = 0;
            var iYear = parseInt(document.all.tbSelYear.value);
            var iMonth = parseInt(document.all.tbSelMonth.value);
            aCell.bgColor = gcBG;
            with (aCell.children["cellText"]){
                var iDay = parseInt(innerText);
                if (color==gcGray){
                    iOffset = (Victor<10)?-1:1;
                }
                iMonth += iOffset;
                if (iMonth<1) {
                    iYear--;
                    iMonth = 12;
                }
                else{
                    if (iMonth>12){
                        iYear++;
                        iMonth = 1;
                    }
                }
            }
            fSetDate(iYear, iMonth, iDay);
        }
        function Point(iX, iY){
            this.x = iX;
            this.y = iY;
        }

        function fBuildCal(iYear, iMonth){
            var aMonth=new Array();
            for(i=1;i<7;i++){
                aMonth[i]=new Array(i);
            }
            var dCalDate=new Date(iYear, iMonth-1, 1);
            var iDayOfFirst=dCalDate.getDay();
            var iDaysInMonth=new Date(iYear, iMonth, 0).getDate();
            var iOffsetLast=new Date(iYear, iMonth-1, 0).getDate()-iDayOfFirst+1;
            var iDate = 1;
            var iNext = 1;
            for (d = 0; d < 7; d++){
                aMonth[1][d] = (d<iDayOfFirst)?-(iOffsetLast+d):iDate++;
            }
            for (w = 2; w < 7; w++){
                for (d = 0; d < 7; d++){
                    aMonth[w][d] = (iDate<=iDaysInMonth)?iDate++:-(iNext++);
                }
            }
            return aMonth;
        }

        function fDrawCal(iYear, iMonth, iDay, iCellWidth, iDateTextSize) {
            var WeekDay = new Array("日","一","二","三","四","五","六");
            var styleTD = " bgcolor='"+gcBG+"' width='"+iCellWidth+"' bordercolor='"+gcBG+"' valign='middle' align='center' style='font-size: 12px;background: buttonface;border-top: buttonhighlight 1px solid;border-left: buttonhighlight 1px solid;border-right: buttonshadow 1px solid; border-bottom: buttonshadow 1px solid;";
            with (document) {
                write("<tr align='center'>");
                for(i=0; i<7; i++){
                    write("<td height='20' "+styleTD+"color:#990099' >" + WeekDay[i] + "</td>");
                }
                write("</tr>");
                for (w = 1; w < 7; w++) {
                    write("<tr align='center'>");
                    for (d = 0; d < 7; d++) {
                        write("<td width='10%' height='15' id=calCell "+styleTD+"cursor:hand;' onmouseover='mouseover(this)' onmouseout='mouseout(this)' onmousedown='mousedown(this)' onmouseup='mouseup(this)' onclick='fSetSelected(this)'>");
                        write("<font style='font-size: 13px;' id=cellText Victor='Liming Weng'> </font>");
                        write("</td>");
                    }
                    write("</tr>");
                }
            }
        }

这么就凑合改成这样~把以下两个函数替换掉
function fSetDate(iYear, iMonth, iDay){
if ((iYear == 0) && (iMonth == 0) && (iDay == 0)){
gdCtrl.value = "";
}
else{
if (iMonth < 10){
iMonth = "0"+iMonth;
}
if (iDay < 10){
iDay = "0"+iDay;
}
gdCtrl.value = iYear+"-"+iMonth+"-"+iDay;
}
VicPopCal.style.visibility = "visible";
}加这个段
window.onload = function () {
var o = document.getElementById('InputCalendar1')
fPopCalendar(o,o,PopCal)
}去掉这段 <script event="onclick()" for="document">PopCal.style.visibility = 'hidden';</script>

谢谢，但是，后面的input怎么去掉？

http://community.csdn.net/Expert/topic/5551/5551796.xml?temp=.13612

jscalendar-1.0插件~
用2个js文件就可以了

梅老大的控件calendar.js http://download.csdn.net/source/180340

这里有很多实用的
http://blog.csdn.net/21aspnet/archive/2007/05/14/1607712.aspx

你会EOS就好了~~ 只需要一段代码就搞定!!1

调试易

求一个日历控件，当点击某天的时候能得到这天的值

解决方案 »