Asp.net Ajax Calendar控制項用法

日期選擇控制項，很多地方都有用到吧，實現方式也是多了去了，筆者曾經寫過一個蹩腳的js日期控制項，由於太蹩腳，所以就貼代碼了。今天介紹的是微軟提供的Ajax Calendar控制項。這個控制項使用了Ajax的效果，並通過前台js和style設定事件和效果。功能豐富、樣式自有，實為網站設計、MIS開發之必備控制項。

按照慣例，現在該貼代碼了：

<asp:TextBox runat="server" ID="txtCalendar" Width="150" />
<ajaxToolkit:CalendarExtender runat="server" TargetControlID="txtCalendar" CssClass="MyCalendar"
Format="yyyy-MM-dd" />

由於設定了樣式，所以這裡也把代碼貼出來吧，只是寫一個簡單的樣式：

.MyCalendar .ajax__calendar_container
{
border: 1px solid #646464;
background-color: Maroon;
color: red;
}

這樣啟動並執行時候，你會發現，丫的居然是英語的，沒有咱們漢語，這讓我們情何以堪呀！怎麼辦呢？當然有解決辦法，並且很輕鬆的實現。不賣關子了，其實只需要設定EnableScriptGlobalization 和 EnableScriptLocalization 為true就可以了。

接下來的說說屬性吧，TargetControlID不說了，Format就是設定顯示的樣式，和C#中日期格式Format是一樣的。PopupButtonID是點擊的彈出的按鈕控制項ID。

樣式有很多：

.ajax__calendar_container 

.ajax__calendar_header 

.ajax__calendar_prev 

.ajax__calendar_title 

…………很多很多，大家可以看這個網址：http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/Calendar/Calendar.aspx

用法介紹完畢，大家繼續研究！

日期選擇控制項，很多地方都有用到吧，實現方式也是多了去了，筆者曾經寫過一個蹩腳的js日期控制項，由於太蹩腳，所以就貼代碼了。今天介紹的是微軟提供的Ajax Calendar控制項。這個控制項使用了Ajax的效果，並通過前台js和style設定事件和效果。功能豐富、樣式自有，實為網站設計、MIS開發之必備控制項。

按照慣例，現在該貼代碼了：

<asp:TextBox runat="server" ID="txtCalendar" Width="150" />
<ajaxToolkit:CalendarExtender runat="server" TargetControlID="txtCalendar" CssClass="MyCalendar"
Format="yyyy-MM-dd" />

由於設定了樣式，所以這裡也把代碼貼出來吧，只是寫一個簡單的樣式：

.MyCalendar .ajax__calendar_container
{
border: 1px solid #646464;
background-color: Maroon;
color: red;
}

這樣啟動並執行時候，你會發現，丫的居然是英語的，沒有咱們漢語，這讓我們情何以堪呀！怎麼辦呢？當然有解決辦法，並且很輕鬆的實現。不賣關子了，其實只需要設定EnableScriptGlobalization 和 EnableScriptLocalization 為true就可以了。

接下來的說說屬性吧，TargetControlID不說了，Format就是設定顯示的樣式，和C#中日期格式Format是一樣的。PopupButtonID是點擊的彈出的按鈕控制項ID。

樣式有很多：

.ajax__calendar_container 

.ajax__calendar_header 

.ajax__calendar_prev 

.ajax__calendar_title 

…………很多很多，大家可以看這個網址：http://www.asp.net/ajax/ajaxcontroltoolkit/Samples/Calendar/Calendar.aspx

用法介紹完畢，大家繼續研究！