今天介紹的是微軟提供的ajax calendar控件。這個控件使用了ajax的效果，并通過前臺js和style設置事件和效果。功能豐富、樣式自有，實為網(wǎng)站設計、mis開發(fā)之必備控件。
按照慣例，現(xiàn)在該貼代碼了：
<asp教程:textbox runat="server" id="txtcalendar" width="150" />
<ajaxtoolkit:calendarextender runat="server" targetcontrolid="txtcalendar" css教程class="mycalendar" format="yyyy-mm-dd" />
由于設置了樣式，所以這里也把代碼貼出來吧，只是寫一個簡單的樣式：
復制代碼代碼如下:
.mycalendar .ajax__calendar_container{
border: 1px solid #646464;
background-color: maroon;
color: red;
}
這樣運行的時候，你會發(fā)現(xiàn)，丫的居然是英語的，沒有咱們漢語，這讓我們情何以堪呀！怎么辦呢？當然有解決辦法，并且很輕松的實現(xiàn)。不賣關子了，其實只需要設置enablescriptglobalization 和 enablescriptlocalization 為true就可以了。
接下來的說說屬性吧，targetcontrolid不說了，format就是設置顯示的樣式，和c#中日期格式format是一樣的。popupbuttonid是點擊的彈出的按鈕控件id。
樣式有很多：
.ajax__calendar_container
.ajax__calendar_header
.ajax__calendar_prev
.ajax__calendar_title
web 控件標準屬性
accesskey, attributes, backcolor, bordercolor, borderstyle, borderwidth,
cssclass, enabled, font, enabletheming, forecolor, height, isenabled,
skinid, style, tabindex, tooltip, width如需完整描述，請訪問 web 控件標準屬性。
控件標www.3ppt.com準屬性
apprelativetemplatesourcedirectory, bindingcontainer, clientid, controls,
enabletheming, enableviewstate, id, namingcontainer, page, parent, site,
templatecontrol, templatesourcedirectory, uniqueid, visible如需完整描述，請訪問控件標準屬性。
屬性
|
屬性 |
描述 |
.net |
|---|---|---|
|
caption |
日歷的標題。 |
2.0 |
|
captionalign |
日歷標題文本的對齊方式。 |
2.0 |
|
cellpadding |
單元格邊框與內(nèi)容之間的空白，以像素計。 |
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 |
規(guī)定該控件是服務器控件。必須設置為 "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 |
布爾值，規(guī)定是否顯示日期之間的網(wǎng)格線。 |
1.0 |
|
shownextprevmonth |
布爾值，規(guī)定是否顯示下一月和上一月鏈接。 |
1.0 |
|
showtitle |
布爾值，規(guī)定是否現(xiàn)實日期的標題。 |
1.0 |
|
titleformat |
日期標題的格式。 |
1.0 |
|
titlestyle |
日期標題的樣式。 |
1.0 |
|
todaydaystyle |
當天的日期的樣式。 |
1.0 |
|
todaysdate |
獲取或設置今天的日期的值。 |
1.0 |
|
useaccessibleheader |
規(guī)定是否使用 <th> 來代替 <td> 元素用于日的頭部。 |
2.0 |
|
visibledate |
獲取或設置指定要在 calendar 控件上顯示的月份的日期。 |
1.0 |
|
weekenddaystyle |
周末的樣式。 |
1.0 |
|
ondayrender |
當每一天的單元格被創(chuàng)建時，所執(zhí)行的函數(shù)的名稱。 |
|
|
onselectionchanged |
當用戶選擇天、周或月時 ，所執(zhí)行的函數(shù)的名稱。 |
|
|
onvisiblemonthchanged |
當用戶導航到不同的月時，所執(zhí)行的函數(shù)的名稱。 |
