[AJAX] CalendarExtender 컨트롤 사용하기

* CalendarExtender는 AjaxControlToolkit을 설치하여야만 사용할 수 있다.
  >> http://www.asp.net/ajax/downloads/
* AjaxControlToolkit.dll을 다운로드 한 후 [참조 추가]를 하여 사용한다.

* Ajax 컨트롤을 사용하기 위해서 web.config 파일의 <control> 부분에 아래처럼 tagPrefix를 지정한다.

<add tagPrefix="ajax" namespace="AjaxControlToolkit" assembly="AjaxControlToolkit"/>

* 아니면 각각의 .aspx 페이지의 상단에 아래처럼 assembly 등록을 해줄수도 있다. (페이지 수가 많으면 불편..)

<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="ajax" %>

* 도구상자의 [Ajax 확장] 파트에서 ScriptManager 컨트롤을 생성한다.

<asp:ScriptManager ID="ScriptManager1" runat="server" EnableScriptGlobalization="true" EnableScriptLocalization="true"></asp:ScriptManager>

 >> ScriptManager 속성 참고 http://msdn.microsoft.com/ko-kr/library/bb335925.aspx

* 날짜를 선택했을 때 해당 날짜가 입력될 TextBox 컨트롤과 날짜 아이콘인 ImageButton도 추가한다.
   (아이콘이 허접함 ㅡ,.ㅡ;)

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="./Images/calendar.jpg" Width="18" Height="18" />          

* 마지막으로 CalendarExtendar 컨트롤을 사용하여 캘린더를 가져옴!!
   (Format에서 MM은 반드시 대문자여야 함...)

<ajax:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="TextBox1" PopupButtonID="ImageButton1" Format="yyyy-MM-dd"></ajax:CalendarExtender>

* 결 과

CalendarExtender.zip