今天介紹的是微軟提供的ajax calendar控件。這個(gè)控件使用了ajax的效果，并通過(guò)前臺(tái)js和style設(shè)置事件和效果。功能豐富、樣式自有，實(shí)為網(wǎng)站設(shè)計(jì)、mis開(kāi)發(fā)之必備控件。

按照慣例，現(xiàn)在該貼代碼了：

<asp教程:textbox runat="server" id="txtcalendar" width="150" />
<ajaxtoolkit:calendarextender runat="server" targetcontrolid="txtcalendar" css教程class="mycalendar" format="yyyy-mm-dd" />

由于設(shè)置了樣式，所以這里也把代碼貼出來(lái)吧，只是寫(xiě)一個(gè)簡(jiǎn)單的樣式：

這樣運(yùn)行的時(shí)候，你會(huì)發(fā)現(xiàn)，丫的居然是英語(yǔ)的，沒(méi)有咱們漢語(yǔ)，這讓我們情何以堪呀！怎么辦呢？當(dāng)然有解決辦法，并且很輕松的實(shí)現(xiàn)。不賣(mài)關(guān)子了，其實(shí)只需要設(shè)置enablescriptglobalization 和 enablescriptlocalization 為true就可以了。

接下來(lái)的說(shuō)說(shuō)屬性吧，targetcontrolid不說(shuō)了，format就是設(shè)置顯示的樣式，和c#中日期格式format是一樣的。popupbuttonid是點(diǎn)擊的彈出的按鈕控件id。

樣式有很多：
.ajax__calendar_container
.ajax__calendar_header
.ajax__calendar_prev
.ajax__calendar_title

web 控件標(biāo)準(zhǔn)屬性
accesskey, attributes, backcolor, bordercolor, borderstyle, borderwidth,
cssclass, enabled, font, enabletheming, forecolor, height, isenabled,
skinid, style, tabindex, tooltip, width如需完整描述，請(qǐng)?jiān)L問(wèn) web 控件標(biāo)準(zhǔn)屬性。
控件標(biāo)www.3ppt.com準(zhǔn)屬性
apprelativetemplatesourcedirectory, bindingcontainer, clientid, controls,
enabletheming, enableviewstate, id, namingcontainer, page, parent, site,
templatecontrol, templatesourcedirectory, uniqueid, visible如需完整描述，請(qǐng)?jiān)L問(wèn)控件標(biāo)準(zhǔn)屬性。

屬性

屬性	描述	.net
caption	日歷的標(biāo)題。	2.0
captionalign	日歷標(biāo)題文本的對(duì)齊方式。	2.0
cellpadding	單元格邊框與內(nèi)容之間的空白，以像素計(jì)。	1.0
cellspacing	單元格之間的空白，以像素計(jì)。	1.0
dayheaderstyle	顯示一周中某天的名稱(chēng)的樣式。	1.0
daynameformat	顯示周中各天的名稱(chēng)格式。	1.0
daystyle	顯示日期的樣式。	1.0
firstdayofweek	哪天是周的第一天。	1.0
nextmonthtext	顯示下一月鏈接的文本。	1.0
nextprevformat	下一月和上一月鏈接的格式。	1.0
nextprevstyle	顯示下一月和上一月鏈接的樣式。	1.0
othermonthdaystyle	顯示不在當(dāng)前月中的日期的樣式。	1.0
prevmonthtext	顯示上一月鏈接的文本。	1.0
runat	規(guī)定該控件是服務(wù)器控件。必須設(shè)置為 "server"。	1.0
selecteddate	選定的日期。	1.0
selecteddates	選定的日期。	1.0
selecteddaystyle	選定日期的樣式。	1.0
selectionmode	允許用戶(hù)如何選擇日期。	1.0
selectmonthtext	顯示為月份選擇鏈接的文本。	1.0
selectorstyle	月份和周的選擇鏈接的樣式。	1.0
selectweektext	顯示為周的選擇鏈接的文本。	1.0
showdayheader	布爾值，該值指示是否顯示一周中各天的標(biāo)頭。	1.0
showgridlines	布爾值，規(guī)定是否顯示日期之間的網(wǎng)格線。	1.0
shownextprevmonth	布爾值，規(guī)定是否顯示下一月和上一月鏈接。	1.0
showtitle	布爾值，規(guī)定是否現(xiàn)實(shí)日期的標(biāo)題。	1.0
titleformat	日期標(biāo)題的格式。	1.0
titlestyle	日期標(biāo)題的樣式。	1.0
todaydaystyle	當(dāng)天的日期的樣式。	1.0
todaysdate	獲取或設(shè)置今天的日期的值。	1.0
useaccessibleheader	規(guī)定是否使用 <th> 來(lái)代替 <td> 元素用于日的頭部。	2.0
visibledate	獲取或設(shè)置指定要在 calendar 控件上顯示的月份的日期。	1.0
weekenddaystyle	周末的樣式。	1.0
ondayrender	當(dāng)每一天的單元格被創(chuàng)建時(shí)，所執(zhí)行的函數(shù)的名稱(chēng)。
onselectionchanged	當(dāng)用戶(hù)選擇天、周或月時(shí) ，所執(zhí)行的函數(shù)的名稱(chēng)。
onvisiblemonthchanged	當(dāng)用戶(hù)導(dǎo)航到不同的月時(shí)，所執(zhí)行的函數(shù)的名稱(chēng)。

最新評(píng)論