달력 컨트롤은 다음과 같은 기능을 제공하는 풍부한 기능의 네트워크 컨트롤입니다.
한 달씩 표시
하루, 일주일, 한 달을 선택하세요
범위 내의 날짜를 선택하세요.
월 간 이동
요일 표시의 형식화된 제어
달력 컨트롤의 기본 구문은 다음과 같습니다.
<asp:Calender ID = "Calendar1" runat = "server"></asp:Calender>
달력 컨트롤에는 작업을 사용자 정의하고 디스플레이를 제어할 수 있는 많은 속성과 이벤트가 있습니다. 다음 표에서는 달력 컨트롤의 몇 가지 중요한 속성을 제공합니다.
재산 | 설명하다 |
---|---|
표제 | 달력 컨트롤의 제목을 가져오거나 설정합니다. |
캡션정렬 | 제목 배열을 가져오거나 설정합니다. |
셀패딩 | 데이터와 셀 경계 사이의 공간을 가져오거나 설정합니다. |
셀 간격 | 셀 사이의 공간을 가져오거나 설정합니다. |
일 헤더 스타일 | 요일을 표시하는 스타일 속성을 가져옵니다. |
요일 이름 형식 | 요일을 가져오거나 설정합니다. |
데이스타일 | 날짜를 표시하는 스타일 속성을 가져옵니다. |
첫 번째 요일 | 요일을 가져오거나 설정하여 첫 번째 줄에 표시합니다. |
다음월텍스트 | 다음 달의 탐색 텍스트를 가져오거나 설정합니다. 기본값은 >입니다. |
다음이전형식 | 다음 달 또는 이전 달에 대한 탐색 컨트롤을 가져오거나 설정합니다. |
기타월일스타일 | 해당 월에 표시되지 않는 날짜의 스타일 속성을 가져옵니다. |
이전월텍스트 | 이전 달의 탐색 텍스트를 가져오거나 설정합니다. 기본값은 <입니다. |
선택한 날짜 | 선택한 날짜를 가져오거나 설정합니다. |
선택한 날짜 | 선택한 날짜를 나타내는 DateTime 개체 컬렉션을 가져옵니다. |
선택된 요일 스타일 | 선택한 날짜의 스타일 속성을 가져옵니다. |
선택 모드 | 사용자가 일, 주 또는 월을 선택할 수 있는지 여부를 지정하는 선택 모드를 가져오거나 설정합니다. |
월 텍스트 선택 | 선택기 열에서 선택한 월 요소의 텍스트를 가져오거나 설정합니다. |
선택기 스타일 | 주 또는 월 선택기 열의 스타일 속성을 가져옵니다. |
주텍스트 선택 | 선택기 열에 있는 주 선택 요소의 텍스트 표시를 가져오거나 설정합니다. |
표시일 헤더 | 요일에 대한 헤더가 표시되는지 여부를 나타내는 값을 가져오거나 설정합니다. |
그리드라인 표시 | 그리드 선을 표시할지 여부를 가져오거나 설정합니다. |
다음이전월 표시 | 다음 달과 이전 달의 탐색 요소가 머리글 섹션에 표시되는지 여부를 나타내는 값을 가져오거나 설정합니다. |
쇼제목 | 제목 섹션이 표시되는지 여부를 나타내는 값을 가져오거나 설정합니다. |
제목형식 | 제목의 형식을 가져오거나 설정합니다. |
제목 스타일 | 날짜 컨트롤 제목의 스타일 속성을 가져옵니다. |
TodayDayStyle | 오늘 날짜의 스타일 속성을 가져옵니다. |
오늘날짜 | 오늘 날짜 값을 가져오거나 설정합니다. |
UseAccessibleHeader | 테이블 데이터 <td> HTML 요소 대신 테이블 제목 <th> HTML 요소를 날짜 헤더에 렌더링할지 여부를 표시하는 값을 가져오거나 설정합니다. |
보이는 날짜 | 지정된 달의 날짜를 가져오거나 설정하여 표시합니다. |
주말주간스타일 | 주말 날짜에 대한 스타일 속성을 가져오거나 설정합니다. |
날짜 컨트롤에는 개발자가 날짜 컨트롤을 작성할 수 있도록 다음과 같은 세 가지 가장 중요한 이벤트가 있습니다. 그들은:
이벤트 | 설명하다 |
---|---|
선택이 변경되었습니다. | 일, 주, 월을 선택하면 트리거됩니다. |
데이렌더 | 달력 컨트롤의 데이터 셀이 렌더링될 때마다 트리거됩니다. |
표시월변경됨 | 사용자가 월을 변경할 때 트리거됩니다. |
코드 없이 초기 달력 컨트롤을 사용하여 해당 연도의 월과 날짜를 표시하는 유효한 달력을 웹 사이트에 제공하십시오. 다음 달과 이전 달에 대한 탐색도 포함되어 있습니다.
달력 컨트롤을 사용하면 사용자가 하루, 한 주 또는 한 달 전체를 선택할 수 있습니다. 이는 SelectionMode 속성을 사용하여 수행됩니다. 이 속성의 값은 다음과 같습니다.
재산 | 설명하다 |
---|---|
낮 | 하루를 선택하세요. |
주간 | 하루 또는 일주일 전체를 선택하세요. |
일주월 | 하루, 일주일 또는 한 달 전체를 선택하세요. |
없음 | 아무것도 선택할 수 없습니다. |
날짜 선택 구문:
<asp:Calender ID = "Calendar1" runat = "server" SelectionMode="DayWeekMonth"></asp:Calender>
선택 모드가 DayWeekMonth일 경우 > 기호가 표시된 추가 열이 나타나 주를 선택할 수 있으며, 요일 이름 왼쪽에 >> 기호가 나타나 월을 선택할 수 있습니다.
다음 예에서는 날짜를 선택하고 이를 레이블 내에 표시하는 방법을 보여줍니다.
콘텐츠 파일 코드는 다음과 같습니다.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="calendardemo._Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title> Untitled Page </title> </head> <body> <form id="form1" runat="server"> <div> <h3> Your Birthday:</h3> <asp:Calendar ID="Calendar1" runat="server SelectionMode="DayWeekMonth" onselectionchanged="Calendar1_SelectionChanged"> </asp:Calendar> </div> <p>Todays date is: <asp:Label ID="lblday" runat="server"></asp:Label> </p> <p>Your Birday is: <asp:Label ID="lblbday" runat="server"></asp:Label> </p> </form> </body></html>
SelectionChanged 이벤트에 대한 이벤트 핸들러:
protected void Calendar1_SelectionChanged(object sender, EventArgs e){ lblday.Text = Calendar1.TodaysDate.ToShortDateString(); lblbday.Text = Calendar1.SelectedDate.ToShortDateString();}
이 파일을 실행하면 다음과 같은 출력이 생성됩니다.