13518219792
网站建设资讯

NEWS

网站建设资讯

C#中如何使用Calendar控件

C#中如何使用Calendar控件，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

创新互联建站是一家专注于成都做网站、网站设计与策划设计,通榆网站建设哪家好?创新互联建站做网站,专注于网站建设10多年,网设计领域的专业建站公司;建站业务涵盖:通榆等地区。通榆做网站价格咨询:18982081108

一、预备知识

在C#中可以开发两种服务器控件，一个是用户控件（User Control）和自定义控件（Custom Control）。用户控件的本质与页面文件（ASPx文件）差不多，是可被其它aspx页面重复使用的HTML代码段，当然它也包括后台代码（Code-behind），后缀名是ascx。所以在开发一些公用的静态页面时（例如页头，页脚）经常用到，但它的缺点是不易继承，不易分发，无法编译成二进制代码来进行部署。但是自定义控件的功能就强大许多，它可以被编译成二进制代码（DLL文件），可以被扩展、继承、分发。就像Web Form Control一样，其实它们每个控件就是一个DLL文件。

开发用户控件比较简单，就像编写一个aspx页面一样，在这里就不介绍了。本文对象是自定义控件。服务器控件的基类是System.Web.UI.Control。如果要开发可视化的服务器控件，那我们需要从 System.Web.UI.WebControls来继承，否则从System.Web.UI.Control继承。

服务器控件在设计时以runat=”server”脚本代码嵌入到aspx文件中来表示此控件是在服务器端运行的。在服务器控件所在页面提交回传（PostBack）过程中是依靠ViewState（视图状态）来维护控件状态的。所以我们在设计服务器控件属性时，其值应保存在ViewState 中。

二、代码编写

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

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

  1. using System;  
  2. using System.Web.UI;  
  3. using System.Web.UI.WebControls;  
  4. using System.ComponentModel;  
  5. using System.Drawing;  
  6.  
  7. namespace AquaCalendar  
  8. {  
  9. [DefaultProperty("Text"),  
  10.     //在属性工具箱中显示的默认属性  
  11. ToolboxData("<{0}:DatePicker runat=server>")]  
  12. public class DatePicker :  
  13.       System.Web.UI.WebControls.WebControl ,  
  14.        IPostBackEventHandler  
  15. {  
  16. //选择日期按钮的默认样式  
  17. private const string _BUTTONDEFAULTSTYLE = "BORDER-RIGHT: gray 1px solid; 
  18. BORDER-TOP: gray 1px solid; BORDER-LEFT: gray 1px solid; 
  19. CURSOR: hand; 
  20. BORDER-BOTTOM: gray 1px solid;";  
  21.  
  22. //按钮默认文本  
  23.  
  24. private const string _BUTTONDEFAULTTEXT = "...";  
  25. private System.Web.UI.WebControls.Calendar _Calendar;  
  26.  
  27. public override ControlCollection Controls  
  28. {  
  29. get  
  30. {  
  31. EnsureChildControls(); //确认子控件集都已被创建  
  32. return base.Controls;  
  33. }  
  34. }  
  35.  
  36. //创建子控件（服务器日历控件）  
  37.  
  38. protected override void CreateChildControls()  
  39. {  
  40. Controls.Clear();  
  41. _Calendar = new Calendar();  
  42. _Calendar.ID = MyCalendarID;  
  43. _Calendar.SelectedDate = DateTime.Parse(Text);  
  44. _Calendar.TitleFormat = TitleFormat.MonthYear;  
  45. _Calendar.NextPrevFormat = NextPrevFormat.ShortMonth;  
  46. _Calendar.CellSpacing = 0;  
  47. _Calendar.Font.Size = FontUnit.Parse("9pt");  
  48. _Calendar.Font.Name = "Verdana";  
  49. _Calendar.SelectedDayStyle.BackColor = ColorTranslator.FromHtml("#333399");  
  50. _Calendar.SelectedDayStyle.ForeColor = ColorTranslator.FromHtml("White");  
  51. _Calendar.DayStyle.BackColor = ColorTranslator.FromHtml("#CCCCCC");  
  52. _Calendar.TodayDayStyle.BackColor = ColorTranslator.FromHtml("#999999");  
  53. _Calendar.TodayDayStyle.ForeColor = ColorTranslator.FromHtml("Aqua");  
  54. _Calendar.DayHeaderStyle.Font.Size = FontUnit.Parse("8pt");  
  55. _Calendar.DayHeaderStyle.Font.Bold = true;  
  56. _Calendar.DayHeaderStyle.Height = Unit.Parse("8pt");  
  57. _Calendar.DayHeaderStyle.ForeColor = ColorTranslator.FromHtml("#333333");  
  58. _Calendar.NextPrevStyle.Font.Size = FontUnit.Parse("8pt");  
  59. _Calendar.NextPrevStyle.Font.Bold = true;  
  60. _Calendar.NextPrevStyle.ForeColor = ColorTranslator.FromHtml("White");  
  61. _Calendar.TitleStyle.Font.Size = FontUnit.Parse("12pt");  
  62. _Calendar.TitleStyle.Font.Bold = true;  
  63. _Calendar.TitleStyle.Height = Unit.Parse("12pt");  
  64. _Calendar.TitleStyle.ForeColor = ColorTranslator.FromHtml("White");  
  65. _Calendar.TitleStyle.BackColor = ColorTranslator.FromHtml("#333399");  
  66. _Calendar.OtherMonthDayStyle.ForeColor = ColorTranslator.FromHtml("#999999");  
  67. _Calendar.NextPrevFormat = NextPrevFormat.CustomText;  
  68. _Calendar.NextMonthText = "下月";  
  69. _Calendar.PrevMonthText = "上月";  
  70. _Calendar.Style.Add("display","none"); //默认不显示下拉日历控件  
  71. _Calendar.SelectionChanged += new EventHandler(_Calendar_SelectionChanged);  
  72. this.Controls.Add(_Calendar);  
  73. }  
  74. [  
  75. Category("Appearance"), //该属性所属类别，参见图  
  76. DefaultValue(""), //属性默认值  
  77. Description("设置该日期控件的值。") //属性的描述  
  78. ]  
  79.  
  80. public string Text  
  81. {  
  82. get  
  83. {  
  84. EnsureChildControls();  
  85. return (ViewState["Text"] == null)?System.DateTime.Today.
    ToString("yyyy-MM-dd"):ViewState["Text"].ToString();  
  86. }  
  87. set  
  88. {  
  89. EnsureChildControls();  
  90. DateTime dt = System.DateTime.Today;  
  91. try  
  92. {  
  93. dt = DateTime.Parse(value);  
  94. }  
  95. catch  
  96. {  
  97. throw new ArgumentOutOfRangeException("请输入日期型字符串（例如：1981-04-29）！");  
  98. }  
  99.  
  100. ViewState["Text"] = DateFormat == CalendarEnum.LongDateTime?dt.
    ToString("yyyy-MM-dd"):dt.ToString("yyyy-M-d");  
  101. }  
  102. }  
  103.  
  104. //重载服务器控件的Enabled属性，将选择日期按钮变灰（禁用）  
  105.  
  106. public override bool Enabled  
  107. {  
  108. get  
  109. {  
  110. EnsureChildControls();  
  111. return ViewState["Enabled"] == null?true:(bool)ViewState["Enabled"];  
  112. }  
  113. set  
  114. {  
  115. EnsureChildControls();  
  116. ViewState["Enabled"] = value;  
  117. }  
  118. }  
  119.  
  120. public string ButtonStyle  
  121. {  
  122. get  
  123. {  
  124. EnsureChildControls();  
  125. object o = ViewState["ButtonSytle"];  
  126. return (o == null)?_BUTTONDEFAULTSTYLE:o.ToString();  
  127. }  
  128. set  
  129. {  
  130. EnsureChildControls();  
  131. ViewState["ButtonSytle"] = value;  
  132. }  
  133. }  
  134.  
  135. [  
  136. DefaultValue(CalendarEnum.LongDateTime),  
  137. ]  
  138.  
  139. public CalendarEnum DateFormat  
  140. {  
  141. get  
  142. {  
  143. EnsureChildControls();  
  144. object format = ViewState["DateFormat"];  
  145. return format == null?CalendarEnum.LongDateTime:(CalendarEnum)format;  
  146. }  
  147. set  
  148. {  
  149. EnsureChildControls();  
  150. ViewState["DateFormat"] = value;  
  151. DateTime dt = DateTime.Parse(Text);  
  152. Text=DateFormat == CalendarEnum.LongDateTime?dt.
    ToString("yyyy-MM-dd"):dt.ToString("yyyy-M-d");  
  153. }  
  154. }  
  155.  
  156. [  
  157. Browsable(false),  
  158. DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)  
  159. ]  
  160.  
  161. public string MyCalendarID //复合控件ID  
  162. {  
  163. get  
  164. {  
  165. EnsureChildControls();  
  166. return this.ClientID+"_MyCalendar";  
  167. }  
  168. }  
  169.  
  170. [  
  171. Browsable(false),  
  172. DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)  
  173. ]  
  174.  
  175. public string MyCalendarName //复合控件名称  
  176. {  
  177. get  
  178. {  
  179. EnsureChildControls();  
  180. return this.UniqueID+":MyCalendar";  
  181. }  
  182. }  
  183.  
  184. [  
  185. Browsable(false),  
  186. DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)  
  187. ]  
  188.  
  189. public string DatePickerInputID //复合控件中输入框的ID  
  190. {  
  191. get  
  192. {  
  193. EnsureChildControls();  
  194. return this.ClientID+"_DateInput";  
  195. }  
  196. }  
  197.  
  198. [  
  199. Browsable(false),  
  200. DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)  
  201. ]  
  202.  
  203. public string DatePickerInputName //复合控件中输入框的名称  
  204. {  
  205. get  
  206. {  
  207. EnsureChildControls();  
  208. return this.UniqueID+":DateInput";  
  209. }  
  210. }  
  211.  
  212. [  
  213. Browsable(false),  
  214. DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)  
  215. ]  
  216.  
  217. public string DatePickerButtonID //复合控件中按钮的ID  
  218. {  
  219. get  
  220. {  
  221. EnsureChildControls();  
  222. return this.ClientID+"_DateButton";  
  223. }  
  224. }  
  225.  
  226. [  
  227. Browsable(false),  
  228. DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)  
  229. ]  
  230.  
  231. public string DatePickerButtonName //复合控件中按钮的名称  
  232. {  
  233. get  
  234. {  
  235. EnsureChildControls();  
  236. return this.UniqueID+":DateButton";  
  237. }  
  238. }  
  239.  
  240. public string ButtonText  
  241. {  
  242. get  
  243. {  
  244. EnsureChildControls();  
  245. return ViewState["ButtonText"] == null?_BUTTONDEFAULTTEXT:
    (string)ViewState["ButtonText"];  
  246. }  
  247. set  
  248. {  
  249. EnsureChildControls();  
  250. ViewState["ButtonText"] = value;  
  251. }  
  252. }  

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联的支持。


文章标题：C#中如何使用Calendar控件
文章出自：http://cdweb.net/article/johdse.html

其他资讯