ASP.NET 에서 달력 컨트롤 과 JS 버 전 달력 컨트롤 의 사용 방법(5 절)
3141 단어 ASP.NET날짜 컨트롤JS 버 전 달력 컨트롤
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 에서 달력 컨트롤 의 사용 방법 을 배 우 는 데 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
WdatePicker 날짜 컨트롤WdatePicker 레 퍼 런 스http://blog.csdn.net/wanglei19880622/article/details/8051322 js 도입 일반 용법: dateFmt: 날짜 포맷 startDate: 클...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.