ASP.NET Calendar 控件用于在浏览器中显示日历
该控件可显示某个月的日历，允许用户选择日期，也可以跳到前一个或下一个月
属性
| 属性 | 描述 | .NET |
|---|---|---|
| Caption | 日历的标题 | 2.0 |
| CaptionAlign | 日历标题文本的对齐方式 | 2.0 |
| CellPadding | 单元格边框与内容之间的空白，以像素计 | 1.0 |
| CellSpacing | 单元格之间的空白，以像素计 | 1.0 |
| DayHeaderStyle | 显示一周中各天的名称的样式 | 1.0 |
| DayNameFormat | 显示一周中各天的名称的格式 | 1.0 |
| DayStyle | 显示日期的样式 | 1.0 |
| FirstDayOfWeek | 哪天是周的第一天 | 1.0 |
| NextMonthText | 显示下一月链接的文本 | 1.0 |
| NextPrevFormat | 下一月和上一月链接的格式 | 1.0 |
| NextPrevStyle | 显示下一月和上一月链接的样式 | 1.0 |
| OtherMonthDayStyle | 显示不在当前月中的日期的样式 | 1.0 |
| PrevMonthText | 显示上一月链接的文本 | 1.0 |
| runat | 规定该控件是服务器控件。必须设置为 "server" | 1.0 |
| SelectedDate | 选定的日期 | 1.0 |
| SelectedDates | 选定的日期 | 1.0 |
| SelectedDayStyle | 选定日期的样式 | 1.0 |
| SelectionMode | 允许用户如何选择日期 | 1.0 |
| SelectMonthText | 显示为月份选择链接的文本 | 1.0 |
| SelectorStyle | 月份和周的选择链接的样式 | 1.0 |
| SelectWeekText | 显示为周的选择链接的文本 | 1.0 |
| ShowDayHeader | 布尔值，该值指示是否显示一周中各天的标头 | 1.0 |
| ShowGridLines | 布尔值，规定是否显示日期之间的网格线 | 1.0 |
| ShowNextPrevMonth | 布尔值，规定是否显示下一月和上一月链接 | 1.0 |
| ShowTitle | 布尔值，规定是否现实日期的标题 | 1.0 |
| TitleFormat | 日期标题的格式 | 1.0 |
| TitleStyle | 日期标题的样式 | 1.0 |
| TodayDayStyle | 当天的日期的样式 | 1.0 |
| TodaysDate | 获取或设置今天的日期的值 | 1.0 |
| UseAccessibleHeader | 规定是否使用 <th> 来代替 <td> 元素用于日的头部 | 2.0 |
| VisibleDate | 获取或设置指定要在 Calendar 控件上显示的月份的日期 | 1.0 |
| WeekendDayStyle | 周末的样式 | 1.0 |
| OnDayRender | 当每一天的单元格被创建时，所执行的函数的名称 | |
| OnSelectionChanged | 当用户选择天、周或月时 ，所执行的函数的名称 | |
| OnVisibleMonthChanged | 当用户导航到不同的月时，所执行的函数的名称 |
ASP.NET Calendar Caption 属性
ASP.NET Calendar Caption 属性用于设置或返回显示为日历标题的文本
语法
<asp:Calendar Caption="text" runat="server" />
| 属性 | 描述 |
|---|---|
| text | 显示为标题日历的文本 |
范例
下面的范例设置了日历中的 Caption 属性
<form runat="server">
<asp:Calendar id="cal1" runat="server"
Caption="This is a Caption text" />
</form>ASP.NET Calendar CaptionAlign 属性
ASP.NET Calendar CaptionAlign 属性用于设置或返回日历的标题文本的对齐方式
语法
<asp:Calendar Caption="text" CaptionAlign="align" runat="server" />
| 属性 | 描述 |
|---|---|
| align | 规定标题文本的对齐方式 可能的值： Top - 标题显示在日历顶部。文本居中 Bottom - 标题显示在日历底部。文本居中 Left - 标题显示在日历顶部。文本向左对齐 Right - 标题显示在日历顶部。文本向右对齐 |
范例
下面的范例设置了日历中的 Caption 属性，把标题排列到日历的底部
<form runat="server">
<asp:Calendar id="cal1" runat="server"
Caption="This is a Caption text"
CaptionAlign="bottom" />
</form>ASP.NET Calendar CellPadding 属性
ASP.NET Calendar CellPadding 属性用于设置日历单元格边框与其内容之间的空白
语法
<asp:Calendar CellPadding="pixels" runat="server" />
| 属性 | 描述 |
|---|---|
| pixels | 规定日历单元格的边框与其内容之间的空白，以像素计 |
范例
下面的范例显示了 CellPadding 为 15 的日历
<form runat="server">
<asp:Calendar id="cal1" runat="server" CellPadding="15" />
</form>ASP.NET Calendar CellSpacing 属性
ASP.NET Calendar CellSpacing 属性用于设置日历单元格之间的空白
该属性无法在 FireFox 浏览器中正确地显示
语法
<asp:Calendar CellSpacing="pixels" runat="server" />
| 属性 | 描述 |
|---|---|
| pixels | 规定日历单元格之间的空白，以像素计 |
范例
下面的范例显示了 CellSpacing 为 15 的日历
<form runat="server">
<asp:Calendar id="cal1" runat="server" CellSpacing="15" />
</form>ASP.NET Calendar DayHeaderStyle 属性
ASP.NET Calendar DayHeaderStyle 属性用于设置或返回日历中一周中各天的名称的样式
语法
<asp:Calendar runat="server">
<DayHeaderStyle *style* =" *value* " />
</asp:Calendar>
或者
<asp:Calendar runat="server" DayHeaderStyle- *style* =" *value* " />
| 属性 | 描述 |
|---|---|
| style | 规定要设置的样式 请参阅 Style 控件，查看可能的样式以及它们的值 |
| value | 规定指定样式的值 |
范例 1
下面的范例显示了设置日历中 DayHeaderStyle 的一种方法
<form runat="server">
<asp:Calendar id="cal1" runat="server">
<DayHeaderStyle ForeColor="#FF0000" />
</asp:Calendar>
</form>
范例 2
下面的范例显示了设置日历中 DayHeaderStyle 的另一种方法
<form runat="server">
<asp:Calendar id="cal2" runat="server" DayHeaderStyle-ForeColor="#FF0000" />
</form>ASP.NET Calendar DayNameFormat 属性
ASP.NET Calendar DayNameFormat 属性用于设置日历中一周中各天的名称的格式
语法
<asp:Calendar DayNameFormat=" *format* " runat="server" */>
| 属性 | 描述 |
|---|---|
| format | 规定天的名称的显示格式 可能的值： FirstLetter FirstTwoLetters Full Short |
范例
下面的范例显示了带有完整的天的名称格式的日历
<form runat="server">
<asp:Calendar id="cal1" runat="server" DayNameFormat="Full" />
</form>ASP.NET Calendar DayStyle 属性
ASP.NET Calendar DayStyle 属性用于设置或返回日历中日期的样式
语法
<asp:Calendar runat="server">
<DayStyle *style* =" *value* " />
</asp:Calendar>
或者
<asp:Calendar runat="server" DayStyle- *style* =" *value* " />
| 属性 | 描述 |
|---|---|
| style | 规定要设置的样式 请参阅 Style 控件，查看可能的样式以及它们的值 |
| value | 规定指定样式的值 |
范例
下面的范例显示了设置日历中 DayStyle 的一种方法
<form runat="server">
<asp:Calendar id="cal1" runat="server">
<DayStyle ForeColor="#FF0000" />
</asp:Calendar>
</form>
范例 2
下面的范例显示了设置日历中 DayStyle 的另一种方法
<form runat="server">
<asp:Calendar id="cal2" runat="server" DayStyle-ForeColor="#FF0000" />
</form>ASP.NET Calendar FirstDayOfWeek 属性
ASP.NET Calendar FirstDayOfWeek 属性用于规定日历中哪天是周的第一天
语法
<asp:Calendar FirstDayOfWeek="day" runat="server" />
| 属性 | 描述 |
|---|---|
| day | 规定日历中周的第一天 可能的值： Default Monday Tuesday Wednesday Thursday Friday Saturday Sunday |
范例
下面的范例显示了 Wednesday 被设置为周的第一天的日历
<form runat="server">
<asp:Calendar id="cal1" runat="server" FirstDayOfWeek="Wednesday" />
</form>ASP.NET Calendar NextMonthText 属性
ASP.NET Calendar NextMonthText 属性用于规定日历中下一月的链接所显示的文本
语法
<asp:Calendar NextMonthText="string" runat="server" />
| 属性 | 描述 |
|---|---|
| string | 规定日历中下一月的链接所显示的文本。默认值是 ">" |
范例
下面的范例显示了 NextMonthText 被设置为 "Next" 的日历
<form runat="server">
<asp:Calendar id="cal1" runat="server" NextMonthText="Next" />
</form>ASP.NET Calendar NextPrevFormat 属性
ASP.NET Calendar NextPrevFormat 属性用于规定日历中下一月和上一月的链接的格式
语法
<asp:Calendar NextPrevFormat="format" runat="server" />
| 属性 | 描述 |
|---|---|
| format | 规定日历中下一月和上一月的链接的格式 可能的值： ShortMonth FullMonth CustomText |
范例
下面的范例显示了 NextPrevFormat 被设置为 "ShortMonth" 的日历
<form runat="server">
<asp:Calendar id="cal1" runat="server" NextPrevFormat="ShortMonth" />
</form>ASP.NET Calendar NextPrevStyle 属性
ASP.NET Calendar NextPrevStyle 属性用于设置和返回日历中下一月和上一月链接的样式
语法
<asp:Calendar runat="server">
<NextPrevStyle *style* =" *value* " />
</asp:Calendar>
或者
<asp:Calendar runat="server" NextPrevStyle- *style* =" *value* " />
| 属性 | 描述 |
|---|---|
| style | 规定要设置的样式。请参阅 Style 控件，查看可能的样式以及它们的值 |
| value | 规定指定样式的值。 |
范例 1
下面的范例显示了设置日历中 NextPrevStyle 的一种方法
<form runat="server">
<asp:Calendar id="cal1" runat="server">
<NextPrevStyle ForeColor="#FF0000" />
</asp:Calendar>
</form>
范例 2
下面的范例显示了设置日历中 NextPrevStyle 的另一种方法
<form runat="server">
<asp:Calendar id="cal2" runat="server" NextPrevStyle-ForeColor="#FF0000" /></form>ASP.NET Calendar OtherMonthDayStyle 属性
ASP.NET Calendar OtherMonthDayStyle 属性用于设置或返回日历中不属于当前月的日期的样式
<asp:Calendar runat="server"><OtherMonthDayStyle *style* =" *value* " /></asp:Calendar>
或者
<asp:Calendar runat="server" OtherMonthDayStyle- *style* =" *value* " />
| 属性 | 描述 |
|---|---|
| style | 规定要设置的样式。请参阅 Style 控件，查看可能的样式以及它们的值 |
| value | 规定指定样式的值 |
范例 1
下面的范例显示了设置日历中 OtherMonthDayStyle 的一种方法
<form runat="server">
<asp:Calendar id="cal1" runat="server">
<OtherMonthDayStyle ForeColor="#FF0000" />
</asp:Calendar>
</form>
范例 2
下面的范例显示了设置日历中 OtherMonthDayStyle 的另一种方法
<form runat="server">
<asp:Calendar id="cal2" runat="server" OtherMonthDayStyle-ForeColor="#FF0000" />
</form>ASP.NET Calendar PrevMonthText 属性
ASP.NET Calendar PrevMonthText 属性用于规定在日历中上一月的链接所显示的文本
语法
<asp:Calendar PrevMonthText="string" runat="server" />
| 属性 | 描述 |
|---|---|
| string | 规定在日历中上一月的链接所显示的文本。默认值是 "<" |
范例
下面的范例显示了 PrevMonthText 被设置为 "Prev" 的日历
<form runat="server">
<asp:Calendar id="cal1" runat="server" PrevMonthText="Prev" />
</form>ASP.NET Calendar SelectedDate 属性
ASP.NET Calendar SelectedDate 属性用于设置或返回日历中被选的日期
范例
下面的范例在某日期被选择时输出这个被选的日期
<script language="VB" runat="server">
Sub Change(obj As Object, e As EventArgs)
Response.Write("Date: ")
Response.Write(cal1.SelectedDate.ToShortDateString())
End Sub
</script>
<form runat="server">
<asp:Calendar id="cal1" runat="server" OnSelectionChanged="Change" />
</form>ASP.NET Calendar SelectedDates 属性
ASP.NET Calendar SelectedDates 属性用于设置或返回日历中被选的日期
范例
下面的范例在某日期被选择时输出被选日期
<script language="VB" runat="server">
Sub Change(obj As Object, e As EventArgs)
Dim i As Integer
For i = 0 To Cal1.SelectedDates.Count - 1
Response.Write(Cal1.SelectedDates(i).ToShortDateString())
Response.Write("<br />")
Next i
End Sub
</script>
<form runat="server">
<asp:Calendar id="cal1" runat="server" SelectionMode="DayWeekMonth" OnSelectionChanged="Change" />
</form>ASP.NET Calendar SelectedDayStyle 属性
ASP.NET Calendar SelectedDayStyle 属性用于设置或返回日历中被选的天的样式
语法
<asp:Calendar runat="server">
<SelectedDayStyle *style* =" *value* " />
</asp:Calendar>
或者
<asp:Calendar runat="server" SelectedDayStyle- *style* =" *value* " />
| 属性 | 描述 |
|---|---|
| style | 规定要设置的样式。请参阅 Style 控件，查看可能的样式以及它们的值 |
| value | 规定指定样式的值 |
范例 1
下面的范例显示了设置日历中 SelectedDayStyle 的一种方法
<form runat="server">
<asp:Calendar id="cal1" runat="server">
<SelectedDayStyle ForeColor="#FF0000" />
</asp:Calendar>
</form>
范例 2
下面的范例显示了设置日历中 SelectedDayStyle 的另一种方法
<form runat="server">
<asp:Calendar id="cal2" runat="server" SelectedDayStyle-ForeColor="#FF0000" />
</form>ASP.NET Calendar SelectionMode 属性
ASP.NET Calendar SelectionMode 属性用于设置或返回允许用户如何选择日期
语法
<asp:Calendar SelectionMode=" *mode* " runat="server" */>*
| 属性 | 描述 |
|---|---|
| mode | 规定允许用户选择日期的方式 可能的值： None Day DayWeek DayWeekMonth |
范例
下面的范例设置了日历的 SelectionMode
<form runat="server">
<asp:Calendar id="cal1" runat="server"
SelectionMode="DayWeekMonth" />
</form>ASP.NET Calendar SelectMonthText 属性
ASP.NET Calendar SelectMonthText 属性用于规定在日历中为选取整个月份而显示的文本
该属性仅在 SelectionMode 属性被设置为 DayWeekMonth 时有效
语法
<asp:Calendar SelectMonthText="string" runat="server" />
| 属性 | 描述 |
|---|---|
| string | 规定在日历中选取整个月份显示的文本。默认值是 ">>" |
范例
下面的范例显示了 SelectMonthText 被设置为 "->" 的日历
<form runat="server">
<asp:Calendar id="cal1" runat="server" SelectMonthText="->" SelectionMode="DayWeekMonth" />
</form>ASP.NET Calendar SelectorStyle 属性
ASP.NET Calendar SelectorStyle 属性用于设置或返回周和月选择器的样式
语法
<asp:Calendar runat="server">
<SelectorStyle *style* =" *value* " />
</asp:Calendar>
或者
<asp:Calendar runat="server" SelectorStyle- *style* =" *value* " />
| 属性 | 描述 |
|---|---|
| style | 规定要设置的样式。请参阅 Style 控件，查看可能的样式以及它们的值 |
| value | 规定指定样式的值 |
范例
下面的范例显示了设置日历中 SelectorStyle 的一种方法
<form runat="server">
<asp:Calendar id="cal1" runat="server">
<SelectorStyle ForeColor="#FF0000" />
</asp:Calendar>
</form>
范例 2
下面的范例显示了设置日历中 SelectorStyle 的另一种方法
<form runat="server">
<asp:Calendar id="cal2" runat="server" SelectorStyle-ForeColor="#FF0000" />
</form>ASP.NET Calendar SelectWeekText 属性
ASP.NET Calendar SelectWeekText 属性用于规定在日历中为选取整个周而显示的文本
该属性仅在 SelectionMode 属性被设置为 DayWeek 或 DayWeekMonth 时有效
语法
<asp:Calendar SelectWeekText=" *string* " runat="server" */>
| 属性 | 描述 |
|---|---|
| string | 规定在日历中选取整个周显示的文本。默认值是 ">>" |
范例
下面的范例显示了 SelectWeekText 被设置为 "->" 的日历
<form runat="server">
<asp:Calendar id="cal1" runat="server"
SelectWeekText="->" SelectionMode="DayWeek" />
</form>ASP.NET Calendar ShowDayHeader 属性
ASP.NET Calendar ShowDayHeader 属性用于规定是否显示日历中一周中各天的名称
默认情况下该属性被设置为 TRUE，即显示一周中各天的名称
如需移除一周中各天的名称，则该属性必须设置为 FALSE
语法
<asp:Calendar ShowDayHeader="TRUE|FALSE" runat="server" />
范例
下面的范例把 ShowDayHeader 设置为 FALSE
<form runat="server">
<asp:Calendar id="cal1" runat="server"
ShowDayHeader="FALSE" />
</form>ASP.NET Calendar ShowGridLines 属性
ASP.NET Calendar ShowGridLines 属性用于规定是否用网格线分隔日历中的日期
默认情况下该属性被设置为 FALSE，即不显示网格线
如需显示网格线，则该属性必须设置为 TRUE
语法
<asp:Calendar ShowGridLines="TRUE|FALSE" runat="server" />
范例
下面的范例把 ShowGridLines 设置为 TRUE
<form runat="server">
<asp:Calendar id="cal1" runat="server" ShowGridLines="TRUE" />
</form>ASP.NET Calendar ShowNextPrevMonth 属性
ASP.NET Calendar ShowNextPrevMonth 属性用于规定是否显示日历中下个月和上个月的链接
默认情况下该属性被设置为 TRUE，即显示下个月和上个月的链接
如需移除链接，则该属性必须设置为 FALSE
语法
<asp:Calendar ShowNextPrevMonth="TRUE|FALSE" runat="server" />
范例
下面的范例把 ShowNextPrevMonth 设置为 FALSE
<form runat="server">
<asp:Calendar id="cal1" runat="server" ShowNextPrevMonth="FALSE" />
</form>ASP.NET Calendar ShowTitle 属性
ASP.NET Calendar ShowTitle 属性用于规定是否显示日历中的标题
默认情况下该属性被设置为 TRUE，即显示日历中的标题
如需移除标题，则该属性必须设置为 FALSE
隐藏标题部分还会隐藏下个月和上个月链接以及月份名称
语法
<asp:Calendar ShowTitle="TRUE|FALSE" runat="server" />
范例
下面的范例把 ShowTitle 设置为 FALSE
<form runat="server">
<asp:Calendar id="cal1" runat="server"
ShowTitle="FALSE" />
</form>ASP.NET Calendar TitleFormat 属性
ASP.NET Calendar TitleFormat 属性用于设置或返回如何显示日历标题（设置其格式）
语法
<asp:Calendar TitleFormat="mode" runat="server" />
| 属性 | 描述 |
|---|---|
| mode | 规定如何显示日历标题（其格式） 可能的值： Month MonthYear (Default) |
范例
下面的范例设置了显示月份的 Title Format
<form runat="server">
<asp:Calendar id="cal1" runat="server"
TitleFormat="Month" />
</form>ASP.NET Calendar TitleStyle 属性
ASP.NET Calendar TitleStyle 属性用于设置或返回日历的标题的样式
语法
<asp:Calendar runat="server"><TitleStyle style="value" /></asp:Calendar>
或者
<asp:Calendar runat="server" TitleStyle-style ="value" />
| 属性 | 描述 |
|---|---|
| style | 规定要设置的样式 请参阅 Style 控件，查看可能的样式以及它们的值 |
| value | 规定指定样式的值 |
范例
下面的范例显示了设置日历中 TitleStyle 的一种方法
<form runat="server">
<asp:Calendar id="cal1" runat="server">
<TitleStyle ForeColor="#FF0000" />
</asp:Calendar>
</form>
范例 2
下面的范例显示了设置日历中 TitleStyle 的另一种方法
<form runat="server"><asp:Calendar id="cal2" runat="server"TitleStyle-ForeColor="#FF0000" /></form>ASP.NET Calendar TodayDayStyle 属性
ASP.NET Calendar TodayDayStyle 属性用于设置或返回日历中当前日期的样式
范例
<asp:Calendar runat="server">
<TodayDayStyle style="value" />
</asp:Calendar>
或者
<asp:Calendar runat="server" TodayDayStyle-style ="value" />
| 属性 | 描述 |
|---|---|
| style | 规定要设置的样式 请参阅 Style 控件，查看可能的样式以及它们的值 |
| value | 规定指定样式的值 |
范例 1
下面的范例显示了设置日历中 TodayDayStyle 的一种方法
<form runat="server">
<asp:Calendar id="cal1" runat="server">
<TodayDayStyle ForeColor="#FF0000" />
</asp:Calendar>
</form>
范例 2
下面的实例显示了设置日历中 TodayDayStyle 的另一种方法
<form runat="server"><asp:Calendar id="cal2" runat="server"TodayDayStyle-ForeColor="#FF0000" /></form>ASP.NET Calendar TodaysDate 属性
ASP.NET Calendar TodaysDate 属性用于设置或返回日历的当前日期
如果未设置该属性，则该日期将为服务器上的日期
范例
下面的范例显示了输出今天的日期
<script language="VB" runat="server">
Sub Page_Load
Response.Write("Today is: ")
Response.Write(cal1.TodaysDate.ToShortDateString())
End Sub
</script>
<form runat="server">
<asp:Calendar id="cal1" runat="server" />
</form>ASP.NET Calendar VisibleDate 属性
ASP.NET Calendar VisibleDate 属性用于设置或获取要在日历中显示的月份的日期
范例
下面的范例把 VisibleDate 设置为 01-Oct-07
<script runat="server">
Sub Page_Load
cal1.VisibleDate = DateValue("01-Oct-07")
End Sub
</script>
<form runat="server">
<asp:Calendar id="cal1" runat="server" />
</form>ASP.NET Calendar WeekendDayStyle 属性
ASP.NET Calendar WeekendDayStyle 属性用于设置或返回日历中周末的样式
语法
<asp:Calendar runat="server"><WeekendDayStyle style="value" /></asp:Calendar>
或者
<asp:Calendar runat="server" WeekendDayStyle-style="value" />
| 属性 | 描述 |
|---|---|
| style | 规定要设置的样式 请参阅 Style 控件，查看可能的样式以及它们的值 |
| value | 规定指定样式的值 |
范例
下面的范例显示了设置日历中 WeekendDayStyle 的一种方法
<form runat="server">
<asp:Calendar id="cal1" runat="server">
<WeekendDayStyle ForeColor="#FF0000" />
</asp:Calendar>
</form>
范例 2
下面的范例显示了设置日历中 WeekendDayStyle 的另一种方法
<form runat="server"><asp:Calendar id="cal2" runat="server"WeekendDayStyle-ForeColor="#FF0000" /></form>Web 控件标准属性
- AccessKey
- Attributes
- BackColor
- BorderColor
- BorderStyle
- BorderWidth
- CssClass
- Enabled
- Font
- EnableTheming
- ForeColor
- Height
- IsEnabled
- SkinID
- Style
- TabIndex
- ToolTip
- Width
如果想要查看完整描述，可以访问我们的 Web 控件标准属性
控件标准属性
- AppRelativeTemplateSourceDirectory
- BindingContainer
- ClientID
- Controls
- EnableTheming
- EnableViewState
- ID
- NamingContainer
- Page
- Parent
- Site
- TemplateControl
- TemplateSourceDirectory
- UniqueID
- Visible
如果想要查看完整描述，可以访问我们的 控件标准属性
范例
Calendar
<!DOCTYPE html>
<meta charset="utf-8" />
<form runat="server">
<asp:Calendar runat="server" />
</form>
范例中，我们声明了一个使用最为简单的 Calendar 控件
Calendar 2
<!DOCTYPE html>
<meta charset="utf-8" />
<form runat="server">
<asp:Calendar DayNameFormat="Full" runat="server">
<WeekendDayStyle BackColor="#fafad2" ForeColor="#ff0000" />
<DayHeaderStyle ForeColor="#0000ff" />
<TodayDayStyle BackColor="#00ff00" />
</asp:Calendar>
</form>
范例中，我们声明一个 Calendar 控件日期以蓝色的完整名称显示，周末以黄色背景红色文字显示，而当前日期使用绿色背景显示
Calendar 3
<!DOCTYPE html>
<meta charset="utf-8" />
<form runat="server">
<asp:Calendar DayNameFormat="Full" runat="server"
SelectionMode="DayWeekMonth"
SelectMonthText="<*>"
SelectWeekText="<->"/>
<SelectorStyle BackColor="#f5f5f5" />
</asp:Calendar>
</form>
范例中，我们声明了一个 Calendar 控件日期以完整名称显示，用户可以选择一天、一周或整个月，被选的天/周/月使用灰色背景颜色来显示
