控件代码共享--日期选择控件

80酷酷网    80kuku.com

  控件|日期选择 

思路:实现日期年月日的选择
1、可以设定年的起止年份
2、排除不正确日期选择的可能
3、使用javascript实现控制
4、使用Text属性方便获取设置日期值
=================================
代码如下:
using System;
using System.Collections;
using System.Collections.Specialized;
using System.ComponentModel;
using System.IO;
using System.Text;
using System.Web.UI;
using System.Web.UI.Design.WebControls;
using System.Web.UI.WebControls;

namespace JSY
{
/// <summary>
/// AspNetDate 选择输入日期控件
/// </summary>
[DefaultProperty("Text"),
ParseChildren(false),
PersistChildren(false),
Description("专用于ASP.Net Web应用程序的日期控件"),
Designer(typeof(DateDesigner)),
ToolboxData("<{0}:JSYNetDate runat=server></{0}:JSYNetDate>")]
public class JSYNetDate:Panel,INamingContainer,IPostBackDataHandler
{
#region 属性
/// <summary>
/// 获取/设置日期值。
/// </summary>
[Bindable(true),
Browsable(true),
Description("日期值"),
Category("外观"),
DefaultValue("")]
public string Text
{
get
{
if (ViewState["Text"] != null)
{
return ViewState["Text"].ToString();
}
else
{
if (IsNull)
{
return "";
}
else
{
DateTime date=System.DateTime.Today;
string str="";
switch (DateFormat)
{
case "YMD":
str=date.ToString("yyyy-MM-dd",System.Globalization.DateTimeFormatInfo.InvariantInfo);
break;
case "YM":
str=date.ToString("yyyy-MM",System.Globalization.DateTimeFormatInfo.InvariantInfo);
break;
case "Y":
str=date.Year.ToString();
break;
}
return str;
}
}
}

set
{
if (value=="")
{
ViewState["Text"] = "";
}
else if (DateFormat=="YMD")
{
DateTime date;
try
{
date=Convert.ToDateTime(value);
}
catch
{
date=System.DateTime.Today;
}
string str = date.ToString("yyyy-MM-dd",System.Globalization.DateTimeFormatInfo.InvariantInfo);
if (str=="1900-01-01")
str="";
ViewState["Text"] =str;
}
else
{
ViewState["Text"] = value;
}
}
}
/// <summary>
/// 获取/设置日期值是否允许空。
/// </summary>
[Browsable(true),
Description("日期值是否允许空"),
Category("布局"),
DefaultValue(false)]
public bool IsNull
{
get
{
return (ViewState["IsNull"]==null)?false:true;
}
set
{
if (value)
ViewState["IsNull"]=true;
}
}
/// <summary>
/// 获取/设置日期值格式(YMD:年-月-日 YM:年-月 Y:年)。
/// </summary>
[Browsable(true),
Description("日期值格式(YMD:年-月-日 YM:年-月 Y:年)"),
Category("布局"),
DefaultValue("YMD")]
public string DateFormat
{
get
{
return (ViewState["DateFormat"]==null)?"YMD":(string)ViewState["DateFormat"];
}

set
{
ViewState["DateFormat"]=value;
}
}
/// <summary>
/// 获取/设置日期值能否编辑。
/// </summary>
[Browsable(true),
Description("能否编辑"),
Category("行为"),
DefaultValue(true)]
public override bool Enabled
{
get
{
return (ViewState["Enabled"]==null)?true:false;
}

set
{
if (!value)
ViewState["Enabled"]=false;
}
}
/// <summary>
/// 获取/设置日期值中可供选择的年份长度。
/// </summary>
[Browsable(true),
Description("日期值中可供选择的年份长度"),
Category("布局"),
DefaultValue(100)]
public int Length
{
get
{
object obj=ViewState["Length"];
return (obj==null)?100:(int)obj;
}

set
{
ViewState["Length"]=value;
}
}
/// <summary>
/// 获取/设置选择年份的结束值。
/// </summary>
[Browsable(true),
Description("日期值中选择结束年份,当小于100时表示距今年数"),
Category("布局"),
DefaultValue(0)]
public int End
{
get
{
object obj=ViewState["End"];
int y;
if (obj==null)
{
y=System.DateTime.Today.Year;
}
else
{
y=(int)obj;
if (y<100)
{
y=System.DateTime.Today.Year+y;
}
}
return y;
}

set
{
ViewState["End"]=value;
}
}
/// <summary>
/// 获取选择年份的开始值。
/// </summary>
[Browsable(false),
DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)]
public int Start
{
get{return End-Length;}
}

#endregion
#region 重写事件
/// <summary>
/// 重写OnLoad 方法。
/// </summary>
/// <param name="e">包含事件数据的 <see cref="EventArgs"/> 对象。</param>
protected override void OnLoad(EventArgs e)
{
if (Page.IsPostBack)
{
string y=Page.Request.Form[this.UniqueID+"_year"];
string m=Page.Request.Form[this.UniqueID+"_month"];
string d=Page.Request.Form[this.UniqueID+"_day"];
switch (DateFormat)
{
case "YMD":
if (y=="" || m=="" || d=="")
{
Text="";
}
else
{
Text=y+"-"+m+"-"+d;
}
break;
case "YM":
if (y=="" || m=="")
{
Text="";
}
else
{
Text=y+"-"+m;
}
break;
case "Y":
if (y=="")
{
Text="";
}
else
{
Text=y;
}
break;
}
}
base.OnLoad(e);
}
/// <summary>
/// 重写<see cref="System.Web.UI.WebControls.WebControl.AddAttributesToRender"/> 方法,验证是否有form(runat=server)控件
/// </summary>
/// <param name="writer"></param>
protected override void AddAttributesToRender(HtmlTextWriter writer)
{
if(this.Page!=null)
this.Page.VerifyRenderingInServerForm(this);
base.AddAttributesToRender(writer);
}
/// <summary>
/// 重写<see cref="System.Web.UI.Control.OnPreRender"/>方法。
/// </summary>
/// <param name="e">包含事件数据的 <see cref="EventArgs"/> 对象。</param>
protected override void OnPreRender(EventArgs e)
{
string strJS="<script language='javascript'>

//原创:贾世义 日期:2005-08-16 免费共享 v1.0
//邮箱:jsyhello76126.com
//请尊重版权,可以随意使用,但请注明出处//

function InitYear(pName,start,length,y)
{
  var selYear=eval('document.forms[0].'+pName+'_year');
  var n=selYear.length;
  selYear.length=n+length+1;
  for (i=0;i<=length;i++)
  {
selYear.options[n+i].value=(i+start);
selYear.options[n+i].text=(i+start);
  }
  if (y==0)
  {
selYear.selectedIndex =0;
  }
  else
  {
if (y>start)
{
           if (y-start<=length)
   {
selYear.selectedIndex = n+y-start;
   }
   else
  {
selYear.selectedIndex = length;
  }
        }
  }
}

function InitMonth(pName,m)
{
  var selMonth=eval('document.all.'+pName+'_month');
  var n=selMonth.length;
  selMonth.length=n+12;
  for (i=1;i<10;i++)
  {
selMonth.options[n+i-1].value='0'+i;
selMonth.options[n+i-1].text=i;
  }
  for (i=10;i<=12;i++)
  {
selMonth.options[n+i-1].value=i;
selMonth.options[n+i-1].text=i;
  }
  if (m==0)
  {
selMonth.selectedIndex=0;
  }
  else
  {
selMonth.selectedIndex = n+m-1;
  }
}

function InitDay(pName,d)
{
  var selDay=eval('document.all.'+pName+'_day');
  var n=selDay.length;
  selDay.length=n+31;
  for (i=1;i<10;i++)
  {
selDay.options[n+i-1].value='0'+i;
selDay.options[n+i-1].text=i;
  }
  for (i=10;i<=31;i++)
  {
selDay.options[n+i-1].value=i;
selDay.options[n+i-1].text=i;
  }
  if (d==0)
  {
selDay.selectedIndex = 0;
  }
  else
  {
selDay.selectedIndex = n+d-1;
  }
  dateChange(pName);
}

function dateChange(pName)
{
 var selYear=eval('document.forms[0].'+pName+'_year');
 var year=selYear.options[selYear.selectedIndex].value;
 if (year!='')
 {
 var selMonth=eval('document.all.'+pName+'_month');
 var month=selMonth.options[selMonth.selectedIndex].value;
 if (month!='')
 {
   var date=new Date(year,month,0);
   var day=date.getDate();
   var selDay=eval('document.all.'+pName+'_day');
   var tmp=1;
   if (selDay.selectedIndex>0)
   {
tmp=selDay.options[selDay.selectedIndex].value;
   }
   selDay.length=day;
   for (i=1;i<10;i++)
   {
selDay.options[i-1].value='0'+i;
selDay.options[i-1].text=i;
   }
   for (i=10;i<=day;i++)
   {
selDay.options[i-1].value=i;
selDay.options[i-1].text=i;
   }
   if (tmp>day)
   {
selDay.selectedIndex=day-1;
   }
   else
   {
selDay.selectedIndex=tmp-1;
   }
 }
 }
}

</script>";
Page.RegisterClientScriptBlock("EnableDays",strJS);
base.OnPreRender(e);
}
/// <summary>
/// 将此控件呈现给指定的输出参数。
/// </summary>
/// <param name="writer"> 要写出到的 HTML 编写器 </param>
protected override void Render(HtmlTextWriter writer)
{
writer.Write("<table border='0' cellpadding='0' cellspacing='0'><tr><td nowrap align='left'>");
int y=0;
int m=0;
int d=0;
string str=Text;
if (str.Length>=4)
{
y=Convert.ToInt32(str.Substring(0,4));
if (str.Length>=7)
{
m=Convert.ToInt32(str.Substring(5,2));
if (str.Length>=10)
{
d=Convert.ToInt32(str.Substring(8,2));
}
}
}
bool isDate=(DateFormat=="YMD");
if (Enabled)
{
bool isNull=IsNull;
writer.Write("<select name='"+this.UniqueID+"_year'");
if (isDate)
{
writer.Write(" onchange=\"dateChange('"+this.UniqueID+"')\"");
}
writer.Write(">");
if (isNull)
{
writer.Write("<option value=''></option>");
}
writer.Write("</select>年");
if (DateFormat.Length>1)
{
writer.Write("<select name='"+this.UniqueID+"_month'");
if (isDate)
{
writer.Write(" onchange=\"dateChange('"+this.UniqueID+"')\"");
}
writer.Write(">");
if (isNull)
{
writer.Write("<option value=''></option>");
}
writer.Write("</select>月");
writer.Write("
<script language='javascript'>
InitYear('"+this.UniqueID+"',"+Start.ToString()+","+Length.ToString()+","+y.ToString()+");
InitMonth('"+this.UniqueID+"',"+m.ToString()+");
</script>");
if (isDate)
{
writer.Write("<select name='"+this.UniqueID+"_day'>");
if (isNull)
{
writer.Write("<option value=''></option>");
}
writer.Write("</select>日");
writer.Write("
<script language='javascript'>
InitDay('"+this.UniqueID+"',"+d.ToString()+");
</script>");
}
}
}
else
{
if (y==0 || m==0)
{
writer.Write(" ");
}
else
{
writer.Write(y.ToString()+"年"+m.ToString()+"月");
if (d!=0)
{
writer.Write(d.ToString()+"日");
}
}
}
writer.Write("</td></tr></table>");
}

public event EventHandler TextChanged;   

/// <summary>
/// 当由类实现时,为 ASP.NET 服务器控件处理回发数据。
/// </summary>
/// <param name="postDataKey">控件的主要标识符</param>
/// <param name="postCollection">所有传入名称值的集合</param>
/// <returns>如果服务器控件的状态在回发发生后更改,则为 true;否则为 false。</returns>
public virtual bool LoadPostData(string postDataKey, NameValueCollection postCollection)
{
String presentValue = Text;
String postedValue = postCollection[postDataKey];

if (presentValue == null || !presentValue.Equals(postedValue))
{
Text = postedValue;
return true;
}

return false;
}

     
/// <summary>
/// 当由类实现时,用信号要求服务器控件对象通知 ASP.NET 应用程序该控件的状态已更改。
/// </summary>
public virtual void RaisePostDataChangedEvent()
{
OnTextChanged(EventArgs.Empty);
}
     

protected virtual void OnTextChanged(EventArgs e)
{
if (TextChanged != null)
TextChanged(this,e);
}
#endregion

}

#region 控件设计器
/// <summary>
/// 服务器控件设计器。
/// </summary>
public class DateDesigner:System.Web.UI.Design.WebControls.PanelDesigner
{
/// <summary>
/// 初始化 PagerDesigner 的新实例。
/// </summary>
public DateDesigner()
{
this.ReadOnly=true;
}
private JSYNetDate wb;

/// <summary>
/// 获取用于在设计时表示关联控件的 HTML。
/// </summary>
/// <returns>用于在设计时表示控件的 HTML。</returns>
public override string GetDesignTimeHtml()
{

wb=(JSYNetDate)Component;
wb.Text="";
StringWriter sw=new StringWriter();
HtmlTextWriter writer=new HtmlTextWriter(sw);
wb.RenderControl(writer);
return sw.ToString();
}

/// <summary>
/// 获取在呈现控件时遇到错误后在设计时为指定的异常显示的 HTML。
/// </summary>
/// <param name="e">要为其显示错误信息的异常。</param>
/// <returns>设计时为指定的异常显示的 HTML。</returns>
protected override string GetErrorDesignTimeHtml(Exception e)
{
string errorstr="创建控件时出错:"+e.Message;
return CreatePlaceHolderDesignTimeHtml(errorstr);
}
}
#endregion
}
==================================
把以上代码保存为一个文件,如:JSYNetDate.cs
使用csc /t:library /out:..\bin\JSY.dll /r:System.Web.dll /r:System.dll JSYNetDate.cs编译即可
===================================
请多留宝贵意见,我会继续努力
使用举例
<% Register TagPrefix="cc1" Namespace="JSY" Assembly="JSY" %>
<% Page language="c#"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
<meta name="CODE_LANGUAGE" Content="C#">
<meta name="vs_defaultClientScript" content="JavaScript">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<div align="center"><br/><br/><br/><br/><br/>
<cc1:JSYNetDate id="JSYNetDate1" Length="50" IsNull="true" runat="server"></cc1:JSYNetDate>
<br/>
<asp:Button id="Button1" runat="server" Text="Button"></asp:Button>
</div>
</form>
</body>
</HTML>


分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: