C#写的日历控件

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› c#›C#教程

原作者: [db:作者] 来自: [db:来源] 收藏邀请

C#中有一个日历控件Calendar，但是现在我需要一个可以下拉的日历控件，并且初始时不显示日历，当我点击下拉按钮时才弹出，并且当选择了日期，日历会自动隐藏且选择的日期值会显示到相应的输入框中。显然Calendar控件不能满足我的需要，但是稍后我会在我的自定义控件中用到它。

　　首先新建项目，在项目类型中选择Visual C#项目，在模板列表中选择Web控件库，输入项目名称AquaCalendar，然后选择项目所在目录，点击【确定】按钮。C#将会生成基本的框架代码。将项目中的类文件和类名改名为DatePicker（即日期控件的类名）。由于DatePicker是可视化控件，所以我们必须从System.Web.UI.WebControls继承。并且它包括一个输入框，一个按钮和日历控件，需要在DatePicker类中声明它们。像这种以多个服务器控件组合的控件成为复合控件。代码如下，比较重要的方法和代码在注释中会加以说明：

using System;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.ComponentModel;
using System.Drawing;

namespace AquaCalendar
{
　[DefaultProperty("Text"), //在属性工具箱中显示的默认属性
　ToolboxData("<{0}:DatePicker runat=server></{0}:DatePicker>")]
　public class DatePicker : System.Web.UI.WebControls.WebControl , IPostBackEventHandler
　{
　　//选择日期按钮的默认样式
　　private const string _BUTTONDEFAULTSTYLE = "BORDER-RIGHT: gray 1px solid; BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; CURSOR: hand; BORDER-BOTTOM: gray 1px solid;";

　　//按钮默认文本

　　private const string _BUTTONDEFAULTTEXT = "...";
　　private System.Web.UI.WebControls.Calendar _Calendar;

　　public override ControlCollection Controls
　　{
　　　get
　　　{
　　　　EnsureChildControls(); //确认子控件集都已被创建
　　　　return base.Controls;
　　　}
　　}

　　//创建子控件（服务器日历控件）

　　protected override void CreateChildControls()
　　{
　　　Controls.Clear();
　　　_Calendar = new Calendar();
　　　_Calendar.ID = MyCalendarID;
　　　_Calendar.SelectedDate = DateTime.Parse(Text);
　　　_Calendar.TitleFormat = TitleFormat.MonthYear;
　　　_Calendar.NextPrevFormat = NextPrevFormat.ShortMonth;
　　　_Calendar.CellSpacing = 0;
　　　_Calendar.Font.Size = FontUnit.Parse("9pt");
　　　_Calendar.Font.Name = "Verdana";
　　　_Calendar.SelectedDayStyle.BackColor = ColorTranslator.FromHtml("#333399");
　　　_Calendar.SelectedDayStyle.ForeColor = ColorTranslator.FromHtml("White");
　　　_Calendar.DayStyle.BackColor = ColorTranslator.FromHtml("#CCCCCC");
　　　_Calendar.TodayDayStyle.BackColor = ColorTranslator.FromHtml("#999999");
　　　_Calendar.TodayDayStyle.ForeColor = ColorTranslator.FromHtml("Aqua");
　　　_Calendar.DayHeaderStyle.Font.Size = FontUnit.Parse("8pt");
　　　_Calendar.DayHeaderStyle.Font.Bold = true;
　　　_Calendar.DayHeaderStyle.Height = Unit.Parse("8pt");
　　　_Calendar.DayHeaderStyle.ForeColor = ColorTranslator.FromHtml("#333333");
　　　_Calendar.NextPrevStyle.Font.Size = FontUnit.Parse("8pt");
　　　_Calendar.NextPrevStyle.Font.Bold = true;
　　　_Calendar.NextPrevStyle.ForeColor = ColorTranslator.FromHtml("White");
　　　_Calendar.TitleStyle.Font.Size = FontUnit.Parse("12pt");
　　　_Calendar.TitleStyle.Font.Bold = true;
　　　_Calendar.TitleStyle.Height = Unit.Parse("12pt");
　　　_Calendar.TitleStyle.ForeColor = ColorTranslator.FromHtml("White");
　　　_Calendar.TitleStyle.BackColor = ColorTranslator.FromHtml("#333399");
　　　_Calendar.OtherMonthDayStyle.ForeColor = ColorTranslator.FromHtml("#999999");
　　　_Calendar.NextPrevFormat = NextPrevFormat.CustomText;
　　　_Calendar.NextMonthText = "下月";
　　　_Calendar.PrevMonthText = "上月";
　　　_Calendar.Style.Add("display","none"); //默认不显示下拉日历控件
　　　_Calendar.SelectionChanged += new EventHandler(_Calendar_SelectionChanged);
　　　this.Controls.Add(_Calendar);
　　}
　　[
　　　Category("Appearance"), //该属性所属类别，参见图
　　　DefaultValue(""), //属性默认值
　　　Description("设置该日期控件的值。") //属性的描述
　　]

　　public string Text
　　{
　　　get
　　　{
　　　　EnsureChildControls();
　　　　return (ViewState["Text"] == null)?System.DateTime.Today.ToString("yyyy-MM-dd"):ViewState["Text"].ToString();
　　　}
　　　set
　　　{
　　　　EnsureChildControls();
　　　　DateTime dt = System.DateTime.Today;
　　　　try
　　　　{
　　　　　dt = DateTime.Parse(value);
　　　　}
　　　　catch
　　　　{
　　　　　throw new ArgumentOutOfRangeException("请输入日期型字符串（例如：1981-04-29）！");
　　　　}

　　　　ViewState["Text"] = DateFormat == CalendarEnum.LongDateTime?dt.ToString("yyyy-MM-dd"):dt.ToString("yyyy-M-d");
　　　}
　　}

　　//重载服务器控件的Enabled属性，将选择日期按钮变灰（禁用）

　　public override bool Enabled
　　{
　　　get
　　　{
　　　　EnsureChildControls();
　　　　return ViewState["Enabled"] == null?true:(bool)ViewState["Enabled"];
　　　}
　　　set
　　　{
　　　　EnsureChildControls();
　　　　ViewState["Enabled"] = value;
　　　}
　　}

　　public string ButtonStyle
　　{
　　　get
　　　{
　　　　EnsureChildControls();
　　　　object o = ViewState["ButtonSytle"];
　　　　return (o == null)?_BUTTONDEFAULTSTYLE:o.ToString();
　　　}
　　　set
　　　{
　　　　EnsureChildControls();
　　　　ViewState["ButtonSytle"] = value;
　　　}
　　}

　　[
　　　DefaultValue(CalendarEnum.LongDateTime),
　　]

　　public CalendarEnum DateFormat
　　{
　　　get
　　　{
　　　　EnsureChildControls();
　　　　object format = ViewState["DateFormat"];
　　　　return format == null?CalendarEnum.LongDateTime:(CalendarEnum)format;
　　　}
　　　set
　　　{
　　　　EnsureChildControls();
　　　　ViewState["DateFormat"] = value;
　　　　DateTime dt = DateTime.Parse(Text);
　　　　Text=DateFormat == CalendarEnum.LongDateTime?dt.ToString("yyyy-MM-dd"):dt.ToString("yyyy-M-d");
　　　}
　　}

　　[
　　　Browsable(false),
　　　DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)
　　]

　　public string MyCalendarID //复合控件ID
　　{
　　　get
　　　{
　　　　EnsureChildControls();
　　　　return this.ClientID+"_MyCalendar";
　　　}
　　}

　　[
　　　Browsable(false),
　　　DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)
　　]

　　public string MyCalendarName //复合控件名称
　　{
　　　get
　　　{
　　　　EnsureChildControls();
　　　　return this.UniqueID+":MyCalendar";
　　　}
　　}

　　[
　　　Browsable(false),
　　　DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)
　　]

　　public string DatePickerInputID //复合控件中输入框的ID
　　{
　　　get
　　　{
　　　　EnsureChildControls();
　　　　return this.ClientID+"_DateInput";
　　　}
　　}

　　[
　　　Browsable(false),
　　　DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)
　　]

　　public string DatePickerInputName //复合控件中输入框的名称
　　{
　　　get
　　　{
　　　　EnsureChildControls();
　　　　return this.UniqueID+":DateInput";
　　　}
　　}

　　[
　　　Browsable(false),
　　　DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)
　　]

　　public string DatePickerButtonID //复合控件中按钮的ID
　　{
　　　get
　　　{
　　　　EnsureChildControls();
　　　　return this.ClientID+"_DateButton";
　　　}
　　}

　　[
　　　Browsable(false),
　　　DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)
　　]

　　public string DatePickerButtonName //复合控件中按钮的名称
　　{
　　　get
　　　{
　　　　EnsureChildControls();
　　　　return this.UniqueID+":DateButton";
　　　}
　　}

　　public string ButtonText
　　{
　　　get
　　　{
　　　　EnsureChildControls();
　　　　return ViewState["ButtonText"] == null?_BUTTONDEFAULTTEXT:(string)ViewState["ButtonText"];
　　　}
　　　set
　　　{
　　　　EnsureChildControls();
　　　　ViewState["ButtonText"] = value;
　　　}
　　}

　　/// <summary>
　　/// 将此控件呈现给指定的输出参数。
　　/// </summary>
　　/// <param name="output"> 要写出到的 HTML 编写器 </param>

　　protected override void Render(HtmlTextWriter output)
　　{
　　　//在页面中输出控件时，产生一个表格（二行二列），以下是表格的样式
　　　output.AddAttribute(HtmlTextWriterAttribute.Cellspacing, "0");
　　　output.AddAttribute(HtmlTextWriterAttribute.Border, "0");
　　　output.AddAttribute(HtmlTextWriterAttribute.Cellpadding, "0");

　　　output.AddStyleAttribute("LEFT", this.Style["LEFT"]);
　　　output.AddStyleAttribute("TOP", this.Style["TOP"]);
　　　output.AddStyleAttribute("POSITION", "absolute");

　　　if (Width != Unit.Empty)
　　　{
　　　　output.AddStyleAttribute(HtmlTextWriterStyle.Width, Width.ToString());
　　　}
　　　else
　　　{
　　　　output.AddStyleAttribute(HtmlTextWriterStyle.Width, "200px");
　　　}

　　　output.RenderBeginTag(HtmlTextWriterTag.Table); //输出表格
　　　output.RenderBeginTag(HtmlTextWriterTag.Tr); //表格第一行
　　　output.AddAttribute(HtmlTextWriterAttribute.Width, "90%");
　　　output.RenderBeginTag(HtmlTextWriterTag.Td);

　　　//以下是第一行第一列中文本框的属性及其样式设置

　　　if (!Enabled)
　　　{
　　　　output.AddAttribute(HtmlTextWriterAttribute.ReadOnly, "true");
　　　}

　　　output.AddAttribute(HtmlTextWriterAttribute.Type, "Text");
　　　output.AddAttribute(HtmlTextWriterAttribute.Id, DatePickerInputID);
　　　output.AddAttribute(HtmlTextWriterAttribute.Name, DatePickerInputName);
　　　output.AddAttribute(HtmlTextWriterAttribute.Value, Text);
　　　output.AddStyleAttribute(HtmlTextWriterStyle.Width, "100%");
　　　output.AddStyleAttribute(HtmlTextWriterStyle.Height, "100%");
　　　output.AddStyleAttribute(HtmlTextWriterStyle.FontFamily, Font.Name);
　　　output.AddStyleAttribute(HtmlTextWriterStyle.FontSize, Font.Size.ToString());
　　　output.AddStyleAttribute(HtmlTextWriterStyle.FontWeight, Font.Bold?"bold":"");
　　　output.AddStyleAttribute(HtmlTextWriterStyle.BackgroundColor, ColorTranslator.ToHtml(BackColor));
　　　output.AddStyleAttribute(HtmlTextWriterStyle.Color, ColorTranslator.ToHtml(ForeColor));
　　　output.RenderBeginTag(HtmlTextWriterTag.Input); //输出文本框
　　　output.RenderEndTag();
　　　output.RenderEndTag();
　　　output.AddAttribute(HtmlTextWriterAttribute.Width, "*");
　　　output.RenderBeginTag(HtmlTextWriterTag.Td);

　　　//以下是第一行第二列中按钮的属性及其样式设置

　　　if (!Enabled)
　　　{
　　　　output.AddAttribute(HtmlTextWriterAttribute.Disabled, "true");
　　　}

　　　output.AddAttribute(HtmlTextWriterAttribute.Type, "Submit");
　　　output.AddAttribute(HtmlTextWriterAttribute.Id, DatePickerButtonID);
　　　output.AddAttribute(HtmlTextWriterAttribute.Name, DatePickerButtonName);
　　　output.AddAttribute(HtmlTextWriterAttribute.Value, ButtonText);
　　　output.AddStyleAttribute(HtmlTextWriterStyle.Width, "100%");
　　　output.AddAttribute(HtmlTextWriterAttribute.Onclick, Page.GetPostBackEventReference(this)); //点击按钮时需要回传服务器来触发后面的OnClick事件

　　　output.AddAttribute(HtmlTextWriterAttribute.Style, ButtonStyle);
　　　output.RenderBeginTag(HtmlTextWriterTag.Input); //输出按钮
　　　output.RenderEndTag();
　　　output.RenderEndTag();

　　　output.RenderEndTag();
　　　output.RenderBeginTag(HtmlTextWriterTag.Tr);
　　　output.AddAttribute(HtmlTextWriterAttribute.Colspan, "2");
　　　output.RenderBeginTag(HtmlTextWriterTag.Td);
　　　_Calendar.RenderControl(output); //将日历子控件输出
　　　output.RenderEndTag();
　　　output.RenderEndTag();
　　　output.RenderEndTag();
　　}

　　//复合控件必须继承IpostBackEventHandler接口，才能继承RaisePostBackEvent事件

　　public void RaisePostBackEvent(string eventArgument)
　　{
　　　OnClick(EventArgs.Empty);
　　}

　　protected virtual void OnClick(EventArgs e)
　　{
　　　//点击选择日期按钮时，如果日历子控件没有显示则显示出来并将文本框的值赋值给日历子控件
　　　if (_Calendar.Attributes["display"] != "")
　　　{
　　　　_Calendar.SelectedDate = DateTime.Parse(Text);
　　　　_Calendar.Style.Add("display","");
　　　}
　　}

　　//复合控件中的日历控件日期变化事件

　　private void _Calendar_SelectionChanged(object sender, EventArgs e)
　　{
　　　//当选择的日期变化时，将所选日期赋值给文本框并将日历子控件隐藏
　　　Text = _Calendar.SelectedDate.ToString();
　　　_Calendar.Style.Add("display","none");
　　}
　}
}

　　在上面的代码中，需要注意以下几点：
·如果你想将此控件的某些属性供重载，则在声明属性前加上virtual关键字；

　　·在页面输出此控件时（即在Render事件中），是先定义子控件的样式或属性，然后再产生子控件；

　　·在隐藏日历子控件时，建议不要使用Visible属性来显示/隐藏，使用Visible=false隐藏时服务器端将不会将日历控件HTML代码发送给客户端，会导致复合控件装载日历控件的表格会空白一块出来，影响页面的布局。所以使用样式display=none设置来使日历控件在客户端隐藏，但是HTML代码依然存在于页面中；

日历控件

　　结束语

　　在编写服务器控件时，需要一定的HTML语言基础，也要清楚.NET程序的请求处理方式。服务器控件封装了客户端行为及逻辑判断，无需开发者添加更多代码。当然，有些地方使用服务器控件可以带来方便，但是也增加了服务器的负荷。有时适当的结合javascript使一些代码在客户端运行，可提高WEB应用程序效率。

鲜花

握手

雷人

路过

鸡蛋

该文章已有0人参与评论

请发表评论

全部评论

专题导读

More+

10-27 六六分期app的软件客服如何联系？(六六分期

11-06 可心卡盟:win10系统火狐flash插件崩溃怎么

11-06 亲亲特价:怎么删除回收站图标

11-06 济南大学虚拟社区:鲁大师节能降温的具体办

11-06 xlueops.exe:无线网络安装向导

11-06 女斗合众国:win7系统cf与主机连接不稳定怎

11-06 0xc000022-[cf烟雾头]cf怎么调烟雾头

11-06 qizideyouhuo:应用程序无法正常启动0xc0000

11-06 ipz-185:win7系统vcf文件怎么打开

11-06 傻哥蹦迪:win10系统s4怎么打开usb调试

11-06 八神浩树gtaste:回收站清空了怎么恢复

11-06 妖尾之黑色守护:win10系统电脑没有1440x900

11-06 校园至尊魔王小说:win7系统浏览网页时字体

11-06 女斗合众国:win10系统访问共享文件夹提示请

11-06 tokyo hot n0654:恢复win7系统默认字体一招

11-06 雨酷仙境:设置win7系统转移临时文件夹腾出

11-06 阿穆纳伊之杖:win7系统开始菜单在右边还原

11-06 tunespotting:win10系统火狐flash插件总是

11-06 甘尔葛分析师：计谋网站seo关键词暴涨有什

11-06 蔡贵霖: 计谋网站seo关键词暴涨有什么秘密

11-06 博益网首页:ao3网页版进入不了解决方法

11-06 漏斗子专栏: 网站数据分析小白易懂精华篇

11-06 见证双虹怎么做:win7系统开启telnet命令的

11-06 颾狐蝶蜋:系统资源不足无法完成请求的服务

11-06 国光中学校歌:提交网站到alexa查询详细步骤

11-06 西安有情天:静态网页和动态网页的区别

11-06 红木雅尚斋:外部链接构造对网站的好处

11-06 前官礼遇：防止域名劫持–增强域安全性的10

11-06 密传二转答案: 中文分词算法有哪些

11-06 金泉家园邮编:百度快照劫持的表现及应对方

C#网络编程简单实现通信小例子-2发布时间：2022-07-10

C#goto学习发布时间：2022-07-10

剪的笔顺,诠释剪的笔画,认识剪的部首

1 六六分期app的软件客服如何联系？(六六分期

六六分期app的软件客服如何联系？不知道吗？加qq群【895510560】即可！标题：六六分期

阅读：19271|2023-10-27

2 可心卡盟:win10系统火狐flash插件崩溃怎么

今天小编告诉大家如何处理win10系统火狐flash插件总是崩溃的问题，可能很多用户都不知

阅读：10014|2022-11-06

3 亲亲特价:怎么删除回收站图标

今天小编告诉大家如何对win10系统删除桌面回收站图标进行设置，可能很多用户都不知道

阅读：8341|2022-11-06

4 济南大学虚拟社区:鲁大师节能降温的具体办

今天小编告诉大家如何对win10系统电脑设置节能降温的设置方法，想必大家都遇到过需要

阅读：8709|2022-11-06

5 xlueops.exe:无线网络安装向导

我们在使用xp系统的过程中,经常需要对xp系统无线网络安装向导设置进行设置，可能很多

阅读：8655|2022-11-06

6 女斗合众国:win7系统cf与主机连接不稳定怎

今天小编告诉大家如何处理win7系统玩cf老是与主机连接不稳定的问题，可能很多用户都不

阅读：9684|2022-11-06

7 0xc000022-[cf烟雾头]cf怎么调烟雾头

电脑对日常生活的重要性小编就不多说了，可是一旦碰到win7系统设置cf烟雾头的问题，很

阅读：8643|2022-11-06

8 qizideyouhuo:应用程序无法正常启动0xc0000

我们在日常使用电脑的时候，有的小伙伴们可能在打开应用的时候会遇见提示应用程序无法

阅读：8011|2022-11-06

9 ipz-185:win7系统vcf文件怎么打开

今天小编告诉大家如何对win7系统打开vcf文件进行设置，可能很多用户都不知道怎么对win

阅读：8680|2022-11-06

10 傻哥蹦迪:win10系统s4怎么打开usb调试

今天小编告诉大家如何对win10系统s4开启USB调试模式进行设置，可能很多用户都不知道怎

阅读：7547|2022-11-06

客服电话

电子邮件

C#写的日历控件

请发表评论

全部评论

上一篇：

下一篇：

CVE-2022-30517

kubernetes/examples: Kubernetes applicat

librespeed/speedtest: Self-hosted Speedt

avehtari/BDA_m_demos: Bayesian Data Anal

四维彩超怎么看性别？四维看男孩女孩诀窍

剪的笔顺,诠释剪的笔画,认识剪的部首

六六分期app的软件客服如何联系？(六六分期

florent37/ViewAnimator: A fluent Android

florent37/Shrine-MaterialDesign2: implem

CVE-2020-36276

SimpleSoftwareIO/simple-sms: Send and re

关于我们

产品与服务

解决方案

139-2527-9053