Calendar 웹 서버 컨트롤 개요
업데이트: 2007년 11월
Calendar 웹 서버 컨트롤은 달력에서 선택 가능한 날짜를 표시하고 특정 날짜와 관련된 데이터를 표시하는 데 사용될 수 있습니다.
이 항목의 내용은 다음과 같습니다.
시나리오
기능
배경
코드 예제
클래스 참조
시나리오
Calendar 웹 서버 컨트롤을 사용하면 다음 작업을 수행할 수 있습니다.
날짜 표시 및 선택 이 컨트롤은 모든 연도와 일자로 이동할 수 있는 달력을 표시합니다. SelectedDate 속성을 설정하면 컨트롤에서 특정 날짜가 강조됩니다. 필요에 따라 사용자가 일자를 클릭하거나 월 사이를 이동하여 임의의 날짜로 이동할 수 있고, 주 전체 또는 월 전체의 여러 날짜를 선택할 수 있도록 달력을 구성할 수 있습니다.
10월을 표시하는 Calendar 컨트롤
.gif)
달력에 약속 또는 기타 정보 표시 Calendar 컨트롤에 할 일 목록, 행사 일정 또는 이와 유사한 정보 같은 세부 사항을 일자별로 표시할 수 있습니다. 이 기능을 사용하면 데이터베이스의 일자 정보를 표시할 수 있습니다.
맨 위로 이동
기능
Calendar 컨트롤을 사용하여 다음을 수행할 수 있습니다.
사용자가 날짜 또는 날짜 범위를 선택할 때와 같은 사용자 상호 작용 캡처
달력 모양 사용자 지정
달력에 데이터베이스의 정보 표시
맨 위로 이동
배경
Calendar 컨트롤은 한 번에 총 6주를 나타내어 한 달분의 날짜를 한 번에 표시합니다. 이 컨트롤은 다음 표에서 설명하는 여러 종류의 날짜를 지원합니다.
날짜 종류 |
설명 |
|---|---|
기본적으로 이 날짜는 서버의 현재 날짜와 일치하도록 설정됩니다. 그러나 다른 로캘에 대한 날짜를 올바르게 나타내기 위해 이 날짜를 조정할 수도 있습니다. |
|
이 날짜는 달력에 나타낼 월을 결정합니다. 사용자는 달력에서 월 사이를 이동하여 오늘 날짜에 영향을 주지 않고 표시 날짜를 변경할 수 있습니다. 표시 날짜를 프로그래밍 방식으로 설정하여 월 사이를 탐색할 수도 있습니다. |
|
이 날짜는 사용자가 선택한 날짜 또는 날짜 범위입니다. 컨트롤에서 사용자는 하루, 한 주 또는 한 달을 선택할 수 있지만 연속적으로만 선택할 수 있습니다. 선택한 날짜를 프로그래밍 방식으로 설정할 수도 있습니다. 이 경우에는 연속되지 않는 날짜를 선택하여 설정할 수 있습니다. |
Calendar 컨트롤은 DateTime 개체를 기반으로 합니다. 따라서 이 개체가 허용하는 모든 범위의 날짜를 지원합니다. 0에서 9999 년 사이의 모든 날짜를 표시할 수 있습니다.
ASP.NET 페이지에서 Calendar 컨트롤은 HTML 표로 렌더링됩니다. 따라서 이 컨트롤의 일부 속성은 다양한 표 서식 지정과 관련되어 있습니다. 일부 오래된 브라우저에서는 이러한 속성 중 일부가 완전히 지원되지 않습니다. 따라서 이러한 브라우저에서는 일부 서식 지정 기능을 사용할 수 없습니다.
날짜 선택 사용
기본적으로 사용자는 달력에서 개별 날짜를 클릭하여 선택할 수 있습니다. 그러나 컨트롤을 읽기 전용 달력으로 사용하면 날짜 선택 기능을 사용하지 않을 수 있습니다.
날짜 선택을 사용하는 경우 클릭하면 이벤트를 발생시키는 LinkButton 컨트롤이 달력의 각 일자에 포함됩니다. 주 또는 월 선택을 사용하도록 설정하면 달력의 옆에 링크 열이 추가되어 사용자가 선택할 주를 지정할 수 있습니다.
달력 모양 사용자 지정
달력의 속성을 설정하여 달력의 색, 크기, 텍스트 및 기타 시각적 특징을 변경할 수 있습니다. 이 작업은 다음 표와 같이 다양한 방법으로 수행할 수 있습니다.
사용자 지정 메서드 |
설명 |
|---|---|
속성 설정 |
속성을 설정하여 모눈선을 표시하고, 표시할 일자를 주의 첫 요일로 변경하고, 월 및 일자 이름의 모양을 변경할 수 있습니다. |
확장 스타일 속성 설정 |
Style 개체에서 파생된 속성을 사용하여 달력에서 특정 요소의 모양을 설정할 수 있습니다. 여기에는 현재 날짜 또는 월 및 탐색 링크를 포함하고 있는 제목 표시줄이 포함됩니다. 이러한 스타일 속성은 CSS 스타일시트를 사용할 수 있는 브라우저에서 지원됩니다. 이전 브라우저에서는 제한된 모양 스타일 집합이 지원됩니다. |
개별 일자 렌더링 사용자 지정 |
컨트롤이 개별 일자를 렌더링할 때 렌더링되는 스트림을 수정하기 위해 처리할 수 있는 이벤트가 발생합니다. 이러한 이벤트의 발생은 일자의 모양을 바꾸는 것뿐 아니라 각 일자에 사용자 지정 내용을 포함시키는 데도 유용합니다. 자세한 내용은 방법: Calendar 웹 서버 컨트롤의 개별 일자 사용자 지정을 참조하십시오. |
Calendar 웹 서버 컨트롤과의 사용자 상호 작용 캡처
Calendar 컨트롤은 사용자가 개별 날짜 또는 날짜 범위를 선택할 때 SelectionChanged 이벤트를 발생시킵니다. 사용자가 새 월을 표시할 때는 VisibleMonthChanged 이벤트를 발생시킵니다. 이러한 이벤트에 대한 메서드를 만들어 사용자가 선택한 날짜를 확인하고 적절하게 응답할 수 있습니다. 해당 날짜의 표시를 사용자 지정하는 것도 응답의 하나가 될 수 있습니다.
Calendar 컨트롤에 데이터베이스의 정보 표시
달력에 데이터베이스의 정보를 표시하는 경우가 많습니다. 예를 들어 행사 일정은 주로 데이터베이스에 저장된 정보를 기반으로 합니다.
Calendar 컨트롤은 데이터 바인딩을 직접 지원하지 않습니다. 즉, 달력 전체를 데이터 소스에 바인딩하면 안 됩니다. 대신, 현재 월의 각 일자가 렌더링될 때 발생하는 컨트롤의 DayRender 이벤트에 대한 메서드를 만듭니다. 이 이벤트의 처리기에서 데이터 소스의 정보를 추출하고 이를 브라우저에 렌더링되는 스트림에 추가할 수 있습니다. 자세한 내용은 방법: Calendar 컨트롤에서 데이터베이스의 선택된 날짜 표시를 참조하십시오.
액세스 가능성
Calendar 컨트롤은 보조 장치 사용자가 컨트롤에 보다 쉽게 액세스할 수 있도록 UseAccessibleHeader라는 속성을 지원합니다. 이 속성이 true(기본 설정)로 설정되어 있으면 HTML th 요소를 통해 일자 이름이 포함된 열 머리글이 렌더링됩니다.
맨 위로 이동
코드 예제
맨 위로 이동
클래스 참조
다음 표에서는 Calendar 컨트롤과 관련된 클래스를 보여 줍니다.
멤버 |
설명 |
|---|---|
컨트롤의 기본 클래스입니다. |
|
Calendar 컨트롤에서 날짜를 나타내는 클래스입니다. |
|
Calendar 컨트롤에서 사용할 수 있는 날짜 선택 모드를 나타내는 열거형입니다. |
맨 위로 이동
참고 항목
작업
방법: Calendar 웹 서버 컨트롤에서 프로그래밍 방식으로 날짜 선택
방법: Calendar 컨트롤에서 데이터베이스의 선택된 날짜 표시