ASP.NET 에서 달력 컨트롤 과 JS 버 전 달력 컨트롤 의 사용 방법(5 절)

오늘 은 ASP.NET 에서 달력 컨트롤 의 사용 방법 을 미 션 으로 알 아 보 겠 습 니 다.주요 미 션 내용:
1.달력 을 추가 합 니 다.설정 날 짜 는 파란색 의 전체 이름 으로 표시 되 고 주말 에는 노란색 배경 빨간색 문자 로 표 시 됩 니 다.현재 날 짜 는 녹색 배경 으로 표 시 됩 니 다.사용 자 는 하루,일주일 또는 전체 달 을 선택 할 수 있 습 니 다.선 택 된 날/주/월 은 회색 배경 색 으로 표 시 됩 니 다.날 짜 를 선택 하면 다음 텍스트 상자 에 시간 을 표시 합 니 다.효 과 는 그림 과 같 습 니 다.
2.등록 페이지 를 설계 하고 js 달력 컨트롤 을 사용 하여 사용자 가 생년월일 을 입력 하도록 도와 줍 니 다.효 과 는 그림 과 같다.


학습 항목  달력 컨트롤
1.사이트 아래 에 Calendar 페이지 를 만 들 고 페이지 에 TextBox 컨트롤 을 끌 어 다 놓 아 날 짜 를 입력 합 니 다.Calendar 1 달력 컨트롤 은 속성 설정 을 합 니 다.설정 날 짜 는 파란색 의 전체 이름 으로 표시 하고 주말 에는 노란색 배경 빨간색 텍스트 로 표시 합 니 다.이전 날 짜 는 녹색 배경 으로 표시 하면 사용 자 는 하루,일주일 또는 전체 달 을 선택 할 수 있 습 니 다.선 택 된 날/주/월 은 회색 배경 색 으로 표 시 됩 니 다.
2.페이지 가 실 행 될 때 사용자 가 Calendar 1 컨트롤 에서 날 짜 를 선택 하면 Selection Changed 이벤트 가 실 행 됩 니 다.Calendar.aspx.cs 파일 에서 다음 코드 를 작성 합 니 다.      

protected void Calendar1_SelectionChanged(object sender, EventArgs e)
 {
  TextBox7.Text = Calendar1.SelectedDate.ToString();
  }
}
학습 항목 2  JS 버 전 달력 컨트롤
 (1)사이트 아래 에 JScalendar.aspx 페이지 파일 을 만 들 고 페이지 에 TextBox 컨트롤 을 추가 합 니 다.JScalendar.aspx 에서 다음 코드 를 작성 합 니 다.   

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
 <title>    </title>
</head>
<body>
<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
  <form id="form1" runat="server">
  <div>
 
  <asp:TextBox ID="TextBox1" runat="server" CssClass="Wdate" Text=""
  onfocus="new WdatePicker(this,'%Y-%M-%D-%h:%m',true,'default')"></asp:TextBox>
 
  </div>
 </form>
</body>
</html>
(2)커서 를 TextBox 컨트롤 로 이동 하면 활성화 되 고 달력 이 표 시 됩 니 다.
실행 효과 그림:


모두 에 게 멋 진 세 가지 주 제 를 동봉 합 니 다.
ASP.NET 컨트롤 사용 설명서
ASP.NET 데이터 바 인 딩 컨트롤 사용 집합
ASP.NET 컨트롤 사용 집계
이상 은 본 논문 의 모든 내용 입 니 다.ASP.NET 에서 달력 컨트롤 의 사용 방법 을 배 우 는 데 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기