Calendar控件
定義和用法
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控件。 星期幾用蘭色的完整名稱顯示，週末用黃色背景的紅色顯示，當天日期用綠色背景顯示。
| <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> |