AjaxControlToolKit 사용 달력 띄우기(ASP.NET)

우선 AjaxControlToolKit.dll 파일을 찾아 다운 받는다.
여러분들의 검색 실력이면 널려 있으니 금방 찾을 수 있을 듯...

파일을 찾았으면 해당 프로젝트의 bin 폴더에 넣어 둔다.

그리고..

 

그림과 같이 References에 AjaxControlToolkit.dll 파일을 추가한다.

그럼 이제, 쓸 수 있는 준비는 다 된 것이다....

그럼 코드로 갑시다.

ASPX파일의 페이지 선언 바로 아래에 아래의 코드를 붙인다.

<%@ Register Assembly="AjaxControlToolkit" 
         Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

TagPrefix의 값이 태그의 머리 부분이 된다.
<asp:~~> → <cc1:~~> 의 의미이다.

그리고 아래의 ScriptManager 태그를 해당 화면의 아무곳이나 같다 붙인다..
ScriptManager를 붙여주지 않으면 절대 사용 할 수 없다.

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

ASPX 실제로 칼렌더를 띄우는 코딩
<asp:TextBox ID="txtBoxStartDate" runat="server" ReadOnly="True"></asp:TextBox>
<asp:Image ID="ImageCalendarStart" runat="server" ImageUrl="~/images/Calendar.png" />
<cc1:CalendarExtender ID="CalendarExtenderStart" 
                                  runat="server"
                                  Format="yyyy/MM/dd" 
                                  PopupButtonID="ImageCalendarStart"
                                  TargetControlID="txtBoxStartDate" 
                                  OnClientDateSelectionChanged="StartDateChanged">
</cc1:CalendarExtender>

CalendarExtender에서
PopupButtonID는 이미지의 ID이다.
뜻은 해당 이미지를 클릭했을 때 칼렌더 툴킷이 화면에 뜨게 되는 것이다.
* PopupButtonID를 지정해주지 않으면 TargetControlID로 지정한 아이가 디폴트로 설정된다.

TargetControlID는 TextBox의 ID이다.
뜻은 선택한 날짜를 해당 TextBox의 Text 값으로 넣어주는 것이다.

이렇게만 하면 기본적인 사용 방법은 끝이다.

글만 보면 길어서 힘들다할지도 모르지만 한번 해보면 쉽다.