이 기사는 JS가 참조에 생일 선택에 적합한 날짜 연결 선택을 구현하기위한 관련 코드를 공유합니다. 특정 내용은 다음과 같습니다
목표 달성 : 연도, 월 및 일의 3 개의 선택된 입력 상자와 숨겨진 입력. JS를 통해 입력 값을 얻으십시오. 날짜 형식에 값이있는 경우 연도, 월 및 일 선택은 입력의 시간입니다. 그렇지 않으면 비어 있습니다. 올해의 기본 간격은 1900 년에서 올해입니다.
나는 부트 스트랩을 사용했습니다. 클래스 용 부트 스트랩의 관련 지침을 참조하십시오.
다음은 HTML 컨텐츠입니다.
<div> <label> <node-type = "recelt-year"name = "birthday_y"id = "birthday_y"> <옵션 값 = "> </옵션> </옵션> </select> <span> </span> </label> <label> <node-type ="생일 "이름 ="생일 _ ""id = "옵션 value ="> </옵션> </select><span>month</span> </label> <label> <select node-type="birthday_month" name="birthday_d" id="birthday_d"> <option value=""></option> </select><span>month</span> </label> <label> <select node-type="birthday_month" name="birthday_d" id="birthday_d"> <option value = ""> </옵션> </select> <span> day </span> </label> <input type = "hidden"name = "birth"id = "birth"value = "2016/2/12"> <label class = 'checkbox-inline 텍스트 warning hidden'id = "birth_error_info">
JS의 구현은 다음과 같습니다.
// 변환을 설정하고 var date = new Date ()의 생일을 얻습니다. var 년 = date.getlyear (); for (var i = year; i> = 1900; i-) {$ ( "#rirthge_y"). Append ( "<옵션 값 ="+i+"label ="+i+">"+i+"</옵션>"); } $ ( '#rirthday_y'). Change (function () {var birth_year = $ ( '#rirthday_y'). val (); if (birth_year! = "") {var regly_month = $ ( '#rirthing_m'). var birth_month = $ ( '#rirthday_m'). + " + 29 +"</옵션> "} else {"#value = '29 ']. } else { "#생일 _m". "<옵션 값 = ''> </옵션>"). $ ( '#rights () {function () {var birth_year = $ ('##rirthday_y '). val (); var birth_month = this. value; var birth_day = $ ('#rirthding_d '). val (); if (birth_month! = ") {switch (birth_month) {case": 사례 ":"5 ":" ":": "5" ":": "10": if (birth_day == "") {$ ( "#relping value ("#생일 _d ");"<옵션 value = ''> </옵션> "; "</옵션>"} else {switch ( "#생일 옵션 : last"). att ( "value") : $ ( "#rirthday_d"). "</옵션>"; "11": (birth_day == "") {$ ( "#rirthing_d") ( "#생일 옵션 : last"). att ( "value")) {case "28": $ ( "#생일 _d") "31": $ ( "#alling_d") 옵션 [value = '31 '] ""). remove (); break; break; default; break;}} break; case "2": if (birth_day == "" ") {if (birth_year%4 == 0 && girthdit_year%100! = 0) || (birth_year%400 == 0) {var i = 1; i <= 29; $ ( "#leartment_d"). "<옵션 값 ="+i+"label ="+i+">"+i+"</옵션>") {ver (var i = 1; i <= 28; i ++). }} else {$ ( "#allud_d 옵션 [value = '31 ']". remove (); 옵션 [value = '29 '] "). remove ();}} break; 기본값 : break;}} checkbirthday ();}); $ ('###relping () {checkbirthday ();}); $ ( '###_ untubly ('##virling ( '##val ('#val)"). "#생일 _D" b_year = var b_month = date1.getdate ( "#leght_y"); "value = '+b_year+"]. i <= 12; i ++) {$ ( "#leartment_m"). "<옵션 value =" + i + ">" + i + "</옵션>"); "vale = ' + b_month +"'] 5 : 사례 10 : 사례 12 : for (var i = 1; i <= 31; i ++) {$ ( "#leartment_d"). > </옵션> "); for (var i = 1; i <= 30; i ++) {$ ("#rimplity_d "). append ("<옵션 값 = " + i +"label = " + i +"> " + i 옵션>");} break; case 2 : if (b_year%4 == 0 && b_year 100! = 0) | 0) | 0) | for (var i = 1; i <= 29; i ++) {$ ( "#rirthday_d"). Append ( "<옵션 value ="+i+"label ="+i+">"+i+"</옵션>"} el 더. label = "+i+"> "+i+"</옵션> ");}} break; default : break;} $ ("#rirther_d "). 찾기 ("옵션 [value = ' "+b_day+"'].) B_MONTH = $ ( '#생일 _m'). VAR B_DAY = $ ( '#생일 _D'); if (b_year! = "&& b_month! $ ( '#birth_error_info'). addClass ( 'hidden') { '#birth').여전히 심도있게 배우고 싶다면 여기를 클릭하여 두 가지 흥미로운 주제를 배우고 첨부 할 수 있습니다. 부트 스트랩 학습 자습서 부트 스트랩 실용 튜토리얼
위의 내용은이 기사에 관한 모든 것입니다. 모든 사람의 학습에 도움이되기를 바랍니다.