在ASP.NET中实现弹出日历

ctlCalendar.ascx的源代码:  <%@ Control Language="c#" AutoEventWireup="false" Codebehind="ctlCalendar.ascx.cs" Inherits="calendar.ctlCalendar" TargetSchema="http://schemas.microsoft.com/intellisense/ie5" enableViewState="True"%>
<asp:textbox id="TextBox1" runat="server"></asp:textbox>
<input type="button" id="Button1" runat="server" value="..."><br>
<asp:Panel id="pnlCalendar" runat="server" style="POSITION: absolute">
<asp:calendar id="Calendar1" runat="server" FirstDayOfWeek="Monday" ShowGridLines="True" BackColor="White"
  DayNameFormat="Full" ForeColor="Black" Font-Size="8pt" Font-Names="Verdana" BorderColor="#999999"
  CellPadding="4" Width="200px" Height="180px">
  <TodayDayStyle ForeColor="Black" BackColor="#CCCCCC"></TodayDayStyle>
  <SelectorStyle BackColor="#CCCCCC"></SelectorStyle>
  <DayStyle Wrap="False" BorderStyle="Dashed"></DayStyle>
  <NextPrevStyle VerticalAlign="Bottom"></NextPrevStyle>
  <DayHeaderStyle Font-Size="X-Small" Font-Names="宋体" Wrap="False" BorderStyle="Dashed" BackColor="#CCCCCC"></DayHeaderStyle>
  <SelectedDayStyle Font-Bold="True" ForeColor="White" BackColor="#666666"></SelectedDayStyle>
  <TitleStyle Font-Size="Small" Font-Bold="True" BorderStyle="Solid" BorderColor="Black" BackColor="#999999"></TitleStyle>
  <WeekendDayStyle BackColor="LightSteelBlue"></WeekendDayStyle>
  <OtherMonthDayStyle ForeColor="Gray"></OtherMonthDayStyle>
</asp:calendar>
</asp:Panel>  ctlCalendar.ascx.cs的源代码:  namespace calendar
{
using System;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;  /// <summary>
///  ctlCalendar 的摘要说明。
/// </summary>
public class ctlCalendar : System.Web.UI.UserControl
{
  protected System.Web.UI.WebControls.TextBox TextBox1;
  protected System.Web.UI.WebControls.Panel pnlCalendar;
  protected System.Web.UI.HtmlControls.HtmlInputButton Button1;
  protected System.Web.UI.WebControls.Calendar Calendar1;    private void Page_Load(object sender, System.EventArgs e)
  {
  // 在此处放置用户代码以初始化页面
  if (!Page.IsPostBack)
  {
    this.TextBox1.Text = System.DateTime.Now.ToShortDateString();
    this.pnlCalendar.Attributes.Add("style","DISPLAY: none; POSITION: absolute");
  }
  else
  {
    string id = Page.Request.Form["__EVENTTARGET"].Substring(0,Page.Request.Form["__EVENTTARGET"].IndexOf(":"));
    if (id != this.ID)
    {
    this.pnlCalendar.Attributes.Add("style","DISPLAY: none; POSITION: absolute");
    }
    else
    {
    this.pnlCalendar.Attributes.Add("style","POSITION: absolute");
    }    }    Page.RegisterClientScriptBlock("Script_Panel"  this.ID,
    "<script> function On" this.ID "Click() {  if(" this.ID
"_pnlCalendar.style.display == \"none\")    " this.ID
"_pnlCalendar.style.display = \"\";  else    " this.ID
"_pnlCalendar.style.display = \"none\"; } </script>"); 
  this.Button1.Attributes.Add("OnClick","On" this.ID "Click()");
 
  } 
  #region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
  //
  // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
  //
  InitializeComponent();
  base.OnInit(e);
  }
 
  /// <summary>
  ///  设计器支持所需的方法 - 不要使用代码编辑器
  ///  修改此方法的内容。
  /// </summary>
  private void InitializeComponent()
  {
  this.Calendar1.SelectionChanged  = new System.EventHandler(this.Calendar1_SelectionChanged);
  this.Load  = new System.EventHandler(this.Page_Load);    }
  #endregion    #region 日历选择时的事件
  private void Calendar1_SelectionChanged(object sender, System.EventArgs e)
  {
  this.TextBox1.Text = Calendar1.SelectedDate.ToShortDateString();
  this.pnlCalendar.Attributes.Add("style","DISPLAY: none; POSITION: absolute");
  }
  #endregion
}
}

 感谢原创者的辛勤劳动,希望对您有所帮助,转载请注明原出处。
 您可能对 [Asp.Net] 的这些文章也感兴趣:

程序集应该拥有一个有效的强名称
asp.net:动态构建siteMap
Dynamic thumbnail images from ASP.NET
开发 .NET 下的 FTP 客户端组件
数据库中图片存储及读取
用Guid为ASP.NET中的上传文件命名
Asp.net Mvc Framework 四 (在.net2.0下运行)
ASP.NET2.0中的登陆控件简介(3)
Assembly学习心得(2)
ASP.net中使用C 和J#