在ASP.NET中实现弹出日历_.NET教程_编程技术_ASP.NET_青云站长教程网
欢迎来到站长教程网!
  • 秒到短信接口 免费试用
  • 微信支付宝接口 秒结算
  • 中文网站排名|申请加入
  • 搜索引擎全站查询
  • 查询移动网站权重数据
  • 海外主机 台湾公司直销
  • ASP.NET

    当前位置:主页 > 网络编程 > ASP.NET >

    在ASP.NET中实现弹出日历_.NET教程_编程技术

    时间:2019-08-13|栏目:ASP.NET|点击:
  • 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 页面中生成 RSS 2.0 提要_.NET教程_编程技术

    栏    目:ASP.NET

    下一篇:《Essential .Net》读书笔记 - Chapter 1_.NET教程_编程技术

    本文标题:在ASP.NET中实现弹出日历_.NET教程_编程技术

    本文地址:http://www.jh-floor.com/wangluobiancheng/ASP_NET/20211.html

    您可能感兴趣的文章

    广告投放 | 联系我们 | 版权申明

    重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

    如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

    联系QQ:888888 | 邮箱:888888#qq.com(#换成@)

    Copyright © 2002-2017 青云站长教程网 版权所有 琼ICP备xxxxxxxx号