본문으로 바로가기

jQuery 생년월일 select box 셋팅 script

category Javascript 2013. 3. 29. 16:49

* jQuery 를 이용한 select box 에 생년월일 설정하기

 - 년, 월, 일 이 모두 분리된 경우 적용

 - 필요한 데이터 : 생년월일 8자리

 - null 일경우 오늘날짜 setting



// 생년월일 select

setSelect : function(birthday) {

var toDay = new Date();

var year  = toDay.getFullYear();

var month = (toDay.getMonth()+1);

var day   = toDay.getDate();

var str = "";

// 년도 설정

for (var i=year; i>=1900; i--) {

if (birthday.substr(0,4) == i) {

str += "<option value='" + i + "' selected='selected'>" + i + "</option>";

} else {

str += "<option value='" + i + "' >" + i + "</option>";

}

}

$("#birthdayYear").html(str);

// 월, 일 설정

for (var i=1; i<=31; i++) {

var val = "";

if (i < 10) {

val = "0" + new String(i);

} else {

val = new String(i);

if (birthday.substr(6,2) == i) {

$("<option value='" + val + "' selected>" + val + "</option>").appendTo("#birthdayDay");

} else {

$("<option value='" + val + "'>" + val + "</option>").appendTo("#birthdayDay");

}

if (i < 13) {

if (birthday.substr(4,2) == i) {

$("<option value='" + val + "' selected>" + val + "</option>").appendTo("#birthdayMonth");

} else {

$("<option value='" + val + "'>" + val + "</option>").appendTo("#birthdayMonth");

}

}

}

// null 일경우 오늘 날짜

if (birthday == "null") {

$("#birthdayYear").val(year);

$("#birthdayMonth").val(month);

$("#birthdayDay").val(day);

}

}

'Javascript' 카테고리의 다른 글

간단한 jQuery eval 로 class 설정 예제  (0) 2013.04.08
javascript 페이징  (0) 2013.03.29
JSP AJAX 한글 깨짐  (1) 2011.05.24
Timer(타이머) 스크립트  (6) 2011.05.16
익스 버전 확인 스크립트  (0) 2011.05.12