首页>教程>ASP.NET教程>ASP.NET Calendar 控件

需要支持?

如果通过文档没办法解决您的问题,请提交工单获取我们的支持!

ASP.NET Calendar 控件

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 控件日期以完整名称显示,用户可以选择一天、一周或整个月,被选的天/周/月使用灰色背景颜色来显示

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索