asp.net自带的日期选择控件Calendar,功能非常强大。使用也很简单。
图示:
aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="asp_Calendar.aspx.cs" Inherits="asp_Calendar" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="asp_Calendar_bubufx.gif" OnClick="ImageButton1_Click" />
<asp:Calendar ID="Calendar1" runat="server" Visible="false"
onselectionchanged="Calendar1_SelectionChanged" ShowGridLines="True" >
<TodayDayStyle BackColor="#3366FF" />
</asp:Calendar>
</div>
</form>
</body>
</html>
aspx.cs:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class asp_Calendar : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void ImageButton1_Click(object sender, ImageClickEventArgs e)
{
Calendar1.Visible = !Calendar1.Visible;
}
protected void Calendar1_SelectionChanged(object sender, EventArgs e)
{
TextBox1.Text = Calendar1.SelectedDate.ToString("yyyy-MM-dd");
Calendar1.Visible = false;
}
}
简单的不能再简单的例子。Calendar的属性非常强大,可以根据自己的实际需求进行设置。列一下属性们如下:
|
描述 |
.NET |
|---|---|
| Caption | 日历的标题。 |
| CaptionAlign | 日历标题文本的对齐方式。 |
| CellPadding | 单元格边框与内容之间的空白,以像素计。 |
| CellSpacing | 单元格之间的空白,以像素计。 |
| DayHeaderStyle | 显示一周中某天的名称的样式。 |
| DayNameFormat | 显示周中各天的名称格式。 |
| DayStyle | 显示日期的样式。 |
| FirstDayOfWeek | 哪天是周的第一天。 |
| NextMonthText | 显示下一月链接的文本。 |
| NextPrevFormat | 下一月和上一月链接的格式。 |
| NextPrevStyle | 显示下一月和上一月链接的样式。 |
| OtherMonthDayStyle | 显示不在当前月中的日期的样式。 |
| PrevMonthText | 显示上一月链接的文本。 |
| runat | 规定该控件是服务器控件。必须设置为 "server"。 |
| SelectedDate | 选定的日期。 |
| SelectedDates | 选定的日期。 |
| SelectedDayStyle | 选定日期的样式。 |
| SelectionMode | 允许用户如何选择日期。 |
| SelectMonthText | 显示为月份选择链接的文本。 |
| SelectorStyle | 月份和周的选择链接的样式。 |
| SelectWeekText | 显示为周的选择链接的文本。 |
| ShowDayHeader | 布尔值,该值指示是否显示一周中各天的标头。 |
| ShowGridLines | 布尔值,规定是否显示日期之间的网格线。 |
| ShowNextPrevMonth | 布尔值,规定是否显示下一月和上一月链接。 |
| ShowTitle | 布尔值,规定是否现实日期的标题。 |
| TitleFormat | 日期标题的格式。 |
| TitleStyle | 日期标题的样式。 |
| TodayDayStyle | 当天的日期的样式。 |
| TodaysDate | 获取或设置今天的日期的值。 |
| UseAccessibleHeader | 规定是否使用 <th> 来代替 <td> 元素用于日的头部。 |
| VisibleDate | 获取或设置指定要在 Calendar 控件上显示的月份的日期。 |
| WeekendDayStyle | 周末的样式。 |
| OnDayRender | 当每一天的单元格被创建时,所执行的函数的名称。 |
| OnSelectionChanged | 当用户选择天、周或月时 ,所执行的函数的名称。 |
| OnVisibleMonthChanged | 当用户导航到不同的月时,所执行的函数的名称。 |