定义和用法
Calendar控件用来在浏览器中显示一个日历。
此控件显示一个月的日历，用户可以选择日期并可转到前、后月份。
属性
| 属性 | 说明 |
|---|---|
| CellPadding | 单元格边界与内容之间的间距，以象素表示 |
| CellSpacing | 单元格之间的间距，以象素表示 |
| DayHeaderStyle | 星期几名称的显示样式 |
| DayNameFormat | 星期几名称的显示格式。可使用下列值：
|
| DayStyle | 日的显示样式 |
| FirstDayOfWeek | 一星期的第一天是哪一天。可使用下列值之一：
|
| id | 此控件的唯一id |
| NextMonthText | 用于显示下一月份链接的文本 |
| NextPrevFormat | 前、后月份链接的格式。可使用下列值之一：
|
| NextPrevStyle | 用于显示前、后月份链接的样式 |
| OnDayRender | 当每一日单元格建立时将被执行的函数的名称 |
| OnSelectionChanged | 当用户选择某一日、星期或月时将被执行的函数的名称 |
| OnVisibleMonthChanged | 当用户转到另一月份时将被执行的函数的名称 |
| OtherMonthDayStyle | 用于显示非当前月中的日的格式 |
| PrevMonthText | 用于显示前一月份链接的文本 |
| runat | 规定此控件是服务器控件。必须被设置为"server" |
| SelectedDate | 被选中的日期 |
| SelectedDates | 被选中的日期（复数） |
| SelectedDayStyle | 被选中日的样式 |
| SelectionMode | 用户被允许选择日期的方式。可使用下列值之一：
|
| SelectMonthText | 用于显示“月选择链接”的文本 |
| SelectorStyle | “月选择链接”和“星期选择链接”的样式 |
| SelectWeekText | 用于显示“星期选择链接”的文本 |
| ShowDayHeader | 指定是否显示星期几的一个布尔值 |
| ShowGridLines | 指定是否显示日之间的表格线的一个布尔值 |
| ShowNextPrevMonth | 指定是否显示前、后月份链接的一个布尔值 |
| ShowTitle | 指定是否显示日历标题的一个布尔值 |
| TitleFormat | 日历标题的格式。可使用下列值之一：
|
| TitleStyle | 日历标题的样式 |
| TodayDayStyle | 当天日期的样式 |
| TodaysDate | 当天的日期 |
| VisibleDate | 指定日历中当前可见月份的日期 |
| WeekendDayStyle | 周末的样式 |
示例
1、在此示例中我们在一个.aspx文件中以其最简单的用法声明一个Calendar控件。
| <html> <body> <form runat="server"> <asp:Calendar runat="server" /> </form> </body> </html> |
2、在此示例中我们在一个.aspx文件中声明一个Calendar控件。 星期几用兰色的完整名称显示，周末用黄色背景的红色显示，当天日期用绿色背景显示。如果在其他网站看到本信息，说明本教程来源是网页教学WebjxCom网站，主要是为了防采集。
| <html> <body> <form runat="server"> <asp:Calendar DayNameFormat="Full" runat="server"> <WeekendDayStyle BackColor="#fafad2" ForeColor="#ff0000" /> <DayHeaderStyle ForeColor="#0000ff" /> <TodayDayStyle BackColor="#00ff00" /> </asp:Calendar> </form> </body> </html> |
3、在此示例中我们一个.aspx文件中声明一个Calendar控件。星期几用完整名称显示，用户可以选择某一日、星期或是整个月，被选中的日/星期/月以灰色背景显示。
| <html> <body> <form runat="server"> <asp:Calendar DayNameFormat="Full" runat="server" SelectionMode="DayWeekMonth" SelectMonthText="<*>" SelectWeekText="<->"/> <SelectorStyle BackColor="#f5f5f5" /> </asp:Calendar> </form> </body> </html> |