> 웹 프론트엔드 > JS 튜토리얼 > Asp.net 및 Javascript control_javascript 기술을 기반으로 한 날짜 제어

Asp.net 및 Javascript control_javascript 기술을 기반으로 한 날짜 제어

WBOY
풀어 주다: 2016-05-16 18:26:37
원래의
1169명이 탐색했습니다.

컨트롤 효과는 다음과 같습니다.

Asp.net 및 Javascript control_javascript 기술을 기반으로 한 날짜 제어

왼쪽부터: 월, 일, 연도

.cs 파일은 이 세 개의 드롭다운 목록을 초기화합니다

코드 복사 코드는 다음과 같습니다.

private void BindBirthDay(int day, int Month, int year)
{
int dayNow = 일
int monNow = 월
int yearNow //바인딩 월
for (int i = 1; i <= 12; i )
{
ddlBirMon.Items.Add(new ListItem(i.ToString(), i.ToString( )));
ddlBirMon.Items[monNow - 1].Selected = true;
//바인딩 Day
int daysOfMonth(yearNow, monNow)
(int i = 1 ; i <= daysOfMonth; i )
{
ddlBirDay.Items.Add(new ListItem(i.ToString(), i.ToString()))
}
ddlBirDay.Items[ dayNow - 1].Selected = true;
//바인딩 연도
for (int i = 20; i > 0; i--)
{
ddlBirYear.Items .Add(new ListItem ((yearNow - i).ToString(), (yearNow - i).ToString()))
}
for (int i = 0; i < 20; i )
{
ddlBirYear.Items.Add(new ListItem((yearNow i).ToString(), (yearNow i).ToString()))
}
ddlBirYear.Items.FindByValue(yearNow. ToString()). Selected = true;
}


js 코드는 다음과 같습니다(직접 작성했으며 완전히 정확하다고 보장할 수는 없음).

코드 복사
코드는 다음과 같습니다. function ChangeDay() { var Month = document.getElementById("< %=ddlBirMon.ClientID %>"); var year = document.getElementById("<%=ddlBirYear.ClientID %>");
var day = document.getElementById("<%= ddlBirDay.ClientID %>");
if (month.selectedIndex == 3 || Month.selectedIndex == 5 || Month.selectedIndex == 8 || Month.selectedIndex == 10) {
if (day.length == 31) {
if (day.options[30].selected == true) {
day.options[29].selected = true;
}
일. 제거(30);
}
}
else{
while (day.length < 31) {
day.add(new Option(day.length 1,day.length 1 ));
}
}
if (month.selectedIndex == 1) {
if (day.length > 28) {
if (day.selectedIndex == 28) {
day.options[27].selected = true;
}
while (day.length > 28) {
day.remove(day.length - 1)
} 🎜>}
var sy = year.options [year.selectedIndex].value
if ((sy % 4 == 0 && sy % 100 != 0) || (sy % 400==0) ) {
day.add(new Option( "29", "29"))
}
}
}


관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿