就是左边一个TextBox 右边一个ImageButton 点此ImageButton 弹出一个日历,用户选择某天,TextBox 就显示某天。
在线等。。

解决方案 »

  1.   

    添加日历控件 设置Visible属性为false点击ImageButton事件将 属性改为true
    然后选择日期完了再吧属性改为false
      

  2.   

    private void Button_Click(object sender, System.EventArgs e)
             {
    this.Calendar1.Visible=true;         }
    private void Calendar1_SelectionChanged(object sender, System.EventArgs e)
    {

    this.Calendar1.Visible=false;
    }
      

  3.   

    我是用了一个aspx页面,里面有个日历控件,返回选择的日期值,然后再另一个页面
    <script language="javascript"> 
         function openModeBegin() 
         { 
         var returnValue=window.showModalDialog("Calendar.aspx",txt_StartDate.Text); 
         txt_StartDate.Text=returnValue; 
         } 
      </script>去取值 ibtn_StartDate.Attributes.Add("onclick", "openModeBegin()");但是点击按钮根本就不弹出任何东西,注:我的页面没有html 和 body标记,是一个Content我把上面那个函数就放Content控件里面了。
      

  4.   

    给你源码吧:
    1. 脚本名。PopupCalendar.js
    function PopupCalendar(InstanceName)
    {
    ///Global Tag
    this.instanceName=InstanceName;
    ///Properties
    this.separator="-"
    this.oBtnTodayTitle="Today"
    this.oBtnCancelTitle="Cancel"
    this.weekDaySting=new Array("S","M","T","W","T","F","S");
    this.monthSting=new Array("January","February","March","April","May","June","July","August","September","October","November","December");
    this.Width=200;
    this.currDate=new Date();
    this.today=new Date();
    this.startYear=1970;
    this.endYear=2010;
    ///Css
    this.normalfontColor="#666666";
    this.selectedfontColor="red";
    this.divBorderCss="1px solid #BCD0DE";
    this.titleTableBgColor="#98B8CD";
    this.tableBorderColor="#CCCCCC"
    ///Method
    this.Init=CalendarInit;
    this.Fill=CalendarFill;
    this.Refresh=CalendarRefresh;
    this.Restore=CalendarRestore;
    ///HTMLObject
    this.oTaget=null;
    this.oPreviousCell=null;
    this.sDIVID=InstanceName+"_Div";
    this.sTABLEID=InstanceName+"_Table";
    this.sMONTHID=InstanceName+"_Month";
    this.sYEARID=InstanceName+"_Year";
    this.sTODAYBTNID=InstanceName+"_TODAYBTN";

    }
    function CalendarInit() ///Create panel
    {
    var sMonth,sYear
    sMonth=this.currDate.getMonth();
    sYear=this.currDate.getYear();
    htmlAll="<div id='"+this.sDIVID+"' style='display:none;position:absolute;width:"+this.Width+";border:"+this.divBorderCss+";padding:2px;background-color:#FFFFFF'>";
    htmlAll+="<div align='center'>";
    /// Month
    htmloMonth="<select id='"+this.sMONTHID+"' onchange=CalendarMonthChange("+this.instanceName+") style='width:50%'>";
    for(i=0;i<12;i++)
    {
    htmloMonth+="<option value='"+i+"'>"+this.monthSting[i]+"</option>";
    }
    htmloMonth+="</select>";
    /// Year
    htmloYear="<select id='"+this.sYEARID+"' onchange=CalendarYearChange("+this.instanceName+") style='width:50%'>";
    for(i=this.startYear;i<=this.endYear;i++)
    {
    htmloYear+="<option value='"+i+"'>"+i+"</option>";
    }
    htmloYear+="</select></div>";
    /// Day
    htmloDayTable="<table id='"+this.sTABLEID+"' width='100%' border=0 cellpadding=0 cellspacing=1 bgcolor='"+this.tableBorderColor+"'>";
    htmloDayTable+="<tbody bgcolor='#ffffff'style='font-size:13px'>";
    for(i=0;i<=6;i++)
    {
    if(i==0)
    htmloDayTable+="<tr bgcolor='" + this.titleTableBgColor + "'>";
    else
    htmloDayTable+="<tr>";
    for(j=0;j<7;j++)
    { if(i==0)
    {
    htmloDayTable+="<td height='20' align='center' valign='middle' style='cursor:hand'>";
    htmloDayTable+=this.weekDaySting[j]+"</td>"
    }
    else
    {
    htmloDayTable+="<td height='20' align='center' valign='middle' style='cursor:hand'";
    htmloDayTable+=" onmouseover=CalendarCellsMsOver("+this.instanceName+")";
    htmloDayTable+=" onmouseout=CalendarCellsMsOut("+this.instanceName+")";
    htmloDayTable+=" onclick=CalendarCellsClick(this,"+this.instanceName+")>";
    htmloDayTable+="&nbsp;</td>"
    }
    }
    htmloDayTable+="</tr>";
    }
    htmloDayTable+="</tbody></table>";
    /// Today Button
    htmloButton="<div align='center' style='padding:3px'>"
    htmloButton+="<button id='"+this.sTODAYBTNID+"' style='width:40%;border:1px solid #BCD0DE;background-color:#eeeeee;cursor:hand'"
    htmloButton+=" onclick=CalendarTodayClick("+this.instanceName+")>"+this.oBtnTodayTitle+"</button>&nbsp;"
    htmloButton+="<button style='width:40%;border:1px solid #BCD0DE;background-color:#eeeeee;cursor:hand'"
    htmloButton+=" onclick=CalendarCancel("+this.instanceName+")>"+this.oBtnCancelTitle+"</button> "
    htmloButton+="</div>"
    /// All
    htmlAll=htmlAll+htmloMonth+htmloYear+htmloDayTable+htmloButton+"</div>";
    document.write(htmlAll);
    this.Fill();
    }
      

  5.   

    接着上边来:
    function CalendarFill() ///
    {
    var sMonth,sYear,sWeekDay,sToday,oTable,currRow,MaxDay,iDaySn,sIndex,rowIndex,cellIndex,oSelectMonth,oSelectYear
    sMonth=this.currDate.getMonth();
    sYear=this.currDate.getYear();
    sWeekDay=(new Date(sYear,sMonth,1)).getDay();
    sToday=this.currDate.getDate();
    iDaySn=1
    oTable=document.all[this.sTABLEID];
    currRow=oTable.rows[1];
    MaxDay=CalendarGetMaxDay(sYear,sMonth);

    oSelectMonth=document.all[this.sMONTHID]
    oSelectMonth.selectedIndex=sMonth;
    oSelectYear=document.all[this.sYEARID]
    for(i=0;i<oSelectYear.length;i++)
    {
    if(parseInt(oSelectYear.options[i].value)==sYear)oSelectYear.selectedIndex=i;
    }
    ////
    for(rowIndex=1;rowIndex<=6;rowIndex++)
    {
    if(iDaySn>MaxDay)break;
    currRow = oTable.rows[rowIndex];
    cellIndex = 0;
    if(rowIndex==1)cellIndex = sWeekDay;
    for(;cellIndex<currRow.cells.length;cellIndex++)
    {
    if(iDaySn==sToday)
    {
    currRow.cells[cellIndex].innerHTML="<font color='"+this.selectedfontColor+"'><i><b>"+iDaySn+"</b></i></font>";
    this.oPreviousCell=currRow.cells[cellIndex];
    }
    else
    {
    currRow.cells[cellIndex].innerHTML=iDaySn;
    currRow.cells[cellIndex].style.color=this.normalfontColor;
    }
    CalendarCellSetCss(0,currRow.cells[cellIndex]);
    iDaySn++;
    if(iDaySn>MaxDay)break;
    }
    }
    }
    function CalendarRestore() /// Clear Data
    {
    var i,j,oTable
    oTable=document.all[this.sTABLEID]
    for(i=1;i<oTable.rows.length;i++)
    {
    for(j=0;j<oTable.rows[i].cells.length;j++)
    {
    CalendarCellSetCss(0,oTable.rows[i].cells[j]);
    oTable.rows[i].cells[j].innerHTML="&nbsp;";
    }
    }
    }
    function CalendarRefresh(newDate) ///
    {
    this.currDate=newDate;
    this.Restore();
    this.Fill();
    }
    function CalendarCellsMsOver(oInstance) /// Cell MouseOver
    {
    var myCell = event.srcElement;
    CalendarCellSetCss(0,oInstance.oPreviousCell);
    if(myCell)
    {
    CalendarCellSetCss(1,myCell);
    oInstance.oPreviousCell=myCell;
    }
    }
    function CalendarCellsMsOut(oInstance) ////// Cell MouseOut
    {
    var myCell = event.srcElement;
    CalendarCellSetCss(0,myCell);
    }
    function CalendarYearChange(oInstance) /// Year Change
    {
    var sDay,sMonth,sYear,newDate
    sDay=oInstance.currDate.getDate();
    sMonth=oInstance.currDate.getMonth();
    sYear=document.all[oInstance.sYEARID].value
    newDate=new Date(sYear,sMonth,sDay);
    oInstance.Refresh(newDate);
    }
    function CalendarMonthChange(oInstance) /// Month Change
    {
    var sDay,sMonth,sYear,newDate
    sDay=oInstance.currDate.getDate();
    sMonth=document.all[oInstance.sMONTHID].value
    sYear=oInstance.currDate.getYear();
    newDate=new Date(sYear,sMonth,sDay);
    oInstance.Refresh(newDate);
    }
    function CalendarCellsClick(oCell,oInstance)
    {
    var sDay,sMonth,sYear,newDate
    sYear=oInstance.currDate.getFullYear();
    sMonth=oInstance.currDate.getMonth();
    sDay=oInstance.currDate.getDate();
    if(oCell.innerText!=" ")
    {
    sDay=parseInt(oCell.innerText);
    if(sDay!=oInstance.currDate.getDate())
    {
    newDate=new Date(sYear,sMonth,sDay);
    oInstance.Refresh(newDate);
    }
    }
    sDateString=sYear+oInstance.separator+CalendarDblNum(sMonth+1)+oInstance.separator+CalendarDblNum(sDay); ///return sDateString
    if(oInstance.oTaget.tagName.toLowerCase()=="input")oInstance.oTaget.value = sDateString;
    CalendarCancel(oInstance);
    return sDateString;
    }
    function CalendarTodayClick(oInstance) /// "Today" button Change
    {
    oInstance.Refresh(new Date());
    }
    function getDateString(oInputSrc,oInstance)
    {
    if(oInputSrc&&oInstance) 
    {
    var CalendarDiv=document.all[oInstance.sDIVID];
    oInstance.oTaget=oInputSrc;
    CalendarDiv.style.pixelLeft=CalendargetPos(oInputSrc,"Left");
    CalendarDiv.style.pixelTop=CalendargetPos(oInputSrc,"Top") + oInputSrc.offsetHeight;
    CalendarDiv.style.display=(CalendarDiv.style.display=="none")?"":"none";
    }
    }
    function CalendarCellSetCss(sMode,oCell) /// Set Cell Css
    {
    // sMode
    // 0: OnMouserOut 1: OnMouseOver 
    if(sMode)
    {
    oCell.style.border="1px solid #5589AA";
    oCell.style.backgroundColor="#BCD0DE";
    }
    else
    {
    oCell.style.border="1px solid #FFFFFF";
    oCell.style.backgroundColor="#FFFFFF";
    }
    }
      

  6.   

    function CalendarGetMaxDay(nowYear,nowMonth) /// Get MaxDay of current month
    {
    var nextMonth,nextYear,currDate,nextDate,theMaxDay
    nextMonth=nowMonth+1;
    if(nextMonth>11)
    {
    nextYear=nowYear+1;
    nextMonth=0;
    }
    else
    {
    nextYear=nowYear;
    }
    currDate=new Date(nowYear,nowMonth,1);
    nextDate=new Date(nextYear,nextMonth,1);
    theMaxDay=(nextDate-currDate)/(24*60*60*1000);
    return theMaxDay;
    }
    function CalendargetPos(el,ePro) /// Get Absolute Position
    {
    var ePos=0;
    while(el!=null)
    {
    ePos+=el["offset"+ePro];
    el=el.offsetParent;
    }
    return ePos;
    }
    function CalendarDblNum(num)
    {
    if(num < 10) 
    return "0"+num;
    else
    return num;
    }
    function CalendarCancel(oInstance) ///Cancel
    {
    var CalendarDiv=document.all[oInstance.sDIVID];
    CalendarDiv.style.display="none";
    }2.引用页面:
    sample.html<HTML>
    <HEAD>
    <TITLE></TITLE>
    <script language="javascript" src="PopupCalendar.js" ></script>
    </head><BODY >
    <script >var oCalendarEn=new PopupCalendar("oCalendarEn"); //初始化控件时,请给出实例名称如:oCalendarEn
    oCalendarEn.Init();
    var oCalendarChs=new PopupCalendar("oCalendarChs"); //初始化控件时,请给出实例名称:oCalendarChs
    oCalendarChs.weekDaySting=new Array("日","一","二","三","四","五","六");
    oCalendarChs.monthSting=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
    oCalendarChs.oBtnTodayTitle="今天";
    oCalendarChs.oBtnCancelTitle="取消";
    oCalendarChs.Init();
    </script>   <input readonly type="text" name="dd" id="aa" onclick="getDateString(this,oCalendarEn)" value="English Version"><br><br><br><br>
    <br><br><br><br>
       <input readonly type="text" name="dd" id="aa" onclick="getDateString(this,oCalendarChs)" value="中文界面版">                                    </BODY>
    </HTML>