Asp.net Ajax Calendar控制項用法

• 2019 年 10 月 7 日
• 筆記

日期選擇控制項，很多地方都有用到吧，實現方式也是多了去了，筆者曾經寫過一個蹩腳的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

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