定義和用法
Calendar控件用來在浏覽器中顯示一個日歷。
此控件顯示一個月的日歷,用戶可以選擇日期並可轉到前、後月份。
屬性
屬性 |
說明 |
CellPadding
單元格邊界與內容之間的間距,以象素表示
CellSpacing
單元格之間的間距,以象素表示
DayHeaderStyle
星期幾名稱的顯示樣式
DayNameFormat
星期幾名稱的顯示格式。可使用下列值:
- FirstLetter ——第一個字符
- FirstTwoLetters ——前兩個字符
- Full ——完整格式
- Short ——簡略格式
DayStyle
日的顯示樣式
FirstDayOfWeek
一星期的第一天是哪一天。可使用下列值之一:
- Default ——默認
- Monday ——星期一
- Tuesday ——星期二
- Wednesday ——星期三
- Thursday ——星期四
- Friday ——星期五
- Saturday ——星期六
- Sunday ——星期日
id
此控件的唯一id
NextMonthText
用於顯示下一月份鏈接的文本
NextPrevFormat
前、後月份鏈接的格式。可使用下列值之一:
- ShortMonth ——簡略格式
- FullMonth ——完整格式
- CustomText ——自定義文本
NextPrevStyle
用於顯示前、後月份鏈接的樣式
OnDayRender
當每一日單元格建立時將被執行的函數的名稱
OnSelectionChanged
當用戶選擇某一日、星期或月時將被執行的函數的名稱
OnVisibleMonthChanged
當用戶轉到另一月份時將被執行的函數的名稱
OtherMonthDayStyle
用於顯示非當前月中的日的格式
PrevMonthText
用於顯示前一月份鏈接的文本
runat
規定此控件是服務器控件。必須被設置為"server"
SelectedDate
被選中的日期
SelectedDates
被選中的日期(復數)
SelectedDayStyle
被選中日的樣式
SelectionMode
用戶被允許選擇日期的方式。可使用下列值之一:
- None ——(無)
- Day ——日
- DayWeek ——日、星期
- DayWeekMonth ——日、星期、月
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>