c# asp.net 日历控件(9)
原创
©著作权归作者所有:来自51CTO博客作者shenzhoulong的原创作品,请联系作者获取转载授权,否则将追究法律责任
Calendor控件为用户显示一个日历。它还提供日历选取功能。Calendor控件必须放在Form或者Panel控件内,或者控件的模板内。在添加Calendor控件之后。它一次显示一月的日期。另外,它还显示该月之前的一周和之后的一周。因此,可以显示六周。
FirstDateOfWeek | 设置要在控件中的第一天列显示一周的某天 |
NextMonthText | 设置下一个月导航控件的显示文本 |
PrevMonthText | 设置前一个月导航控件的现实文本 |
SelectDeta
| 设置当前日期 |
SelectionMode | 指定用户可以选择单日,一周还是整月的日期选择模式 |
SelectionChanged | 当用户通过单击日期选择器控件选择某一天、一周或整月是发生 |
属性 | 说明 |
| |
实例:通过日历单击某一天可以是实现对用户输入的记录(这是整体思路),当用户再次点击时会出现所提交的东西,不过这个实例不是这样。这个实例只是了解控件的基本作用。
html代码如下:
![](p_w_picpaths/editer/InBlock.gif)
<div>
![](p_w_picpaths/editer/InBlock.gif)
<asp:Calendar ID=
"Calendar1" runat=
"server" BackColor=
"#FFFFCC" ![](p_w_picpaths/editer/InBlock.gif)
BorderColor=
"#FFCC66" BorderWidth=
"1px" DayNameFormat=
"Shortest" ![](p_w_picpaths/editer/InBlock.gif)
Font-Names=
"Verdana" Font-Size=
"8pt" ForeColor=
"#663399" Height=
"200px" ![](p_w_picpaths/editer/InBlock.gif)
onselectionchanged=
"Calendar1_SelectionChanged" SelectionMode=
"DayWeek" ![](p_w_picpaths/editer/InBlock.gif)
ShowGridLines=
"True" Width=
"220px">
![](p_w_picpaths/editer/InBlock.gif)
<SelectedDayStyle BackColor=
"#CCCCFF" Font-Bold=
"True" />
![](p_w_picpaths/editer/InBlock.gif)
<SelectorStyle BackColor=
"#669999" />
![](p_w_picpaths/editer/InBlock.gif)
<WeekendDayStyle BackColor=
"#CC66FF" BorderColor=
"#00CC66" ForeColor=
"#333300" ![](p_w_picpaths/editer/InBlock.gif)
HorizontalAlign=
"Center" Wrap=
"True" />
![](p_w_picpaths/editer/InBlock.gif)
<TodayDayStyle BackColor=
"#FFCC66" ForeColor=
"White" />
![](p_w_picpaths/editer/InBlock.gif)
<OtherMonthDayStyle ForeColor=
"#CC9966" />
![](p_w_picpaths/editer/InBlock.gif)
<NextPrevStyle Font-Size=
"9pt" ForeColor=
"#FFFFCC" />
![](p_w_picpaths/editer/InBlock.gif)
<DayHeaderStyle BackColor=
"#FFCC66" Font-Bold=
"True" Height=
"1px" />
![](p_w_picpaths/editer/InBlock.gif)
<TitleStyle BackColor=
"#990000" Font-Bold=
"True" Font-Size=
"9pt" ![](p_w_picpaths/editer/InBlock.gif)
ForeColor=
"#FFFFCC" />
![](p_w_picpaths/editer/InBlock.gif)
</asp:Calendar>
![](p_w_picpaths/editer/InBlock.gif)
<asp:Label ID=
"Label1" runat=
"server" Visible=
"False" ![](p_w_picpaths/editer/InBlock.gif)
Width=
"220px" BackColor=
"#FFCCFF" Font-Names=
"华文楷体" Font-Overline=
"False" ![](p_w_picpaths/editer/InBlock.gif)
Font-Size=
"Medium" ForeColor=
"#003366"></asp:Label>
![](p_w_picpaths/editer/InBlock.gif)
<br />
![](p_w_picpaths/editer/InBlock.gif)
<asp:TextBox ID=
"TextBox1" runat=
"server" Visible=
"False"></asp:TextBox>
![](p_w_picpaths/editer/InBlock.gif)
<asp:Button ID=
"Button1" runat=
"server" onclick=
"Button1_Click" Text=
"提交" ![](p_w_picpaths/editer/InBlock.gif)
Visible=
"False" />
![](p_w_picpaths/editer/InBlock.gif)
</div>
后台代码:
public partial
class _Default : System.Web.UI.Page
![](p_w_picpaths/editer/InBlock.gif)
{
protected void Page_Load(
object sender, EventArgs e)
![](p_w_picpaths/editer/InBlock.gif)
{
![](p_w_picpaths/editer/InBlock.gif)
}
![](p_w_picpaths/editer/InBlock.gif)
protected void Calendar1_SelectionChanged(
object sender, EventArgs e)
![](p_w_picpaths/editer/InBlock.gif)
{
this.Calendar1.SelectionChanged +=
new EventHandler(Calendar1_SelectionChanged);
![](p_w_picpaths/editer/InBlock.gif)
TextBox1.Visible =
true; Button1.Visible =
true; Label1.Visible =
true;
this.Label1.Text = Calendar1.SelectedDate.ToShortDateString();
![](p_w_picpaths/editer/InBlock.gif)
Calendar1.Visible =
false;
![](p_w_picpaths/editer/InBlock.gif)
![](p_w_picpaths/editer/InBlock.gif)
}
protected void Button1_Click(
object sender, EventArgs e)
![](p_w_picpaths/editer/InBlock.gif)
{
![](p_w_picpaths/editer/InBlock.gif)
Label1.Visible =
true;
this.Label1.Text =
this.TextBox1.Text;
![](p_w_picpaths/editer/InBlock.gif)
TextBox1.Visible =
false; Button1.Visible =
false;
效果图:
![](../p_w_upload/201004/201004181271585879422.jpg)
自己对日历控件的了解还不够,加油