1, homepage HTML code:
Date: <asp:textbox id= "Tbdata" runat= "Server" width= "89px" ></asp:TextBox>
<input id= "Btdata" style= "width:30px" button "type=" ... "value=" onclick= (); "Opendate
<script language= "javascript" type= "Text/javascript" >
function Opendate ()
{
var Txtvalue=document.getelementbyid ("<%=this.") Tbdata.clientid%> ");
window.open ("/pub_wuc/datetime.aspx?textbox=" +txtvalue.id, "", "width=200 height=200");
}
</script>
2, the pop-up calendar page
Html:
<form id= "Form1" runat= "Server" >
<div>
Calendar Control///
<asp:calendar id= "Calendar1" runat= "server" backcolor= "white" bordercolor= "#3366CC"
Borderwidth= "1px" cellpadding= "1" daynameformat= "shortest" font-names= "Verdana"
Font-size= "8pt" forecolor= "#003399" height= "200px" width= "200px" onselectionchanged= "calendar1_selectionchanged" >
<selecteddaystyle backcolor= "#009999" font-bold= "True" forecolor= "#CCFF99"/>
<todaydaystyle backcolor= "#99CCCC" forecolor= "white"/>
<selectorstyle backcolor= "#99CCCC" forecolor= "#336666"/>
<weekenddaystyle backcolor= "#CCCCFF"/>
<othermonthdaystyle forecolor= "#999999"/>
<nextprevstyle font-size= "8pt" forecolor= "#CCCCFF"/>
<dayheaderstyle backcolor= "#99CCCC" forecolor= "#336666" height= "1px"/>
<titlestyle backcolor= "#003399" bordercolor= "#3366CC" borderwidth= "1px" font-bold= "True"
Font-size= "10pt" forecolor= "#CCCCFF" height= "25px"/>
</asp:Calendar>
</div>
</form>
. Aspx.cs Code:
protected void Calendar1_SelectionChanged (object sender, EventArgs e)////Calendar selection event////
{
string returnvalue = this. Calendar1.SelectedDate.ToShortDateString ();
String script = "<script>";
Script + = "Window.opener.document.all." + request["textbox"] + ". Value = ' "+ returnvalue +" '; ";
Script + = "window.close ();";
Script + = "</script>";
this. Page.ClientScript.RegisterStartupScript (this. GetType (), "", script), JS script registered in///program///
}