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"))
}
}
}