티스토리 뷰

JSP & JavaScript

JSP 드롭다운 형식으로 년/월/일 생성

Grand_J 2020. 12. 2. 14:09
반응형

JSP 드롭다운 형식으로 년/월/일 생성

 

// 드롭다운 형식으로 년/월/일 생성 
function setSelectFormCalendar(id){
	var monthNames = ["", "1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월" ];
	var qntYears = 5;
	var selectYear = $("#"+id+"Year");
	var selectMonth = $("#"+id+"Month");
	var selectDay = $("#"+id+"Day");
	var currentYear = new Date().getFullYear();
	// var currentYear = 2021;
  
	for (var y = 0; y < qntYears; y++){
		var date = new Date(currentYear);
		var yearElem = document.createElement("option");
		yearElem.value = currentYear 
		yearElem.textContent = currentYear;
		selectYear.append(yearElem);
		currentYear++;
	} 

	for (var m = 0; m < 12; m++){
		var monthNum = new Date(currentYear, m).getMonth()+1;
		var month = monthNames[monthNum];
		var monthElem = document.createElement("option");
		if(monthNum<10){monthNum='0'+monthNum}
		monthElem.value = monthNum; 
		monthElem.textContent = month;
		selectMonth.append(monthElem);
	}

    var d = new Date();
    var month = d.getMonth()+1;
    var year = d.getFullYear();
    var day = d.getDate();

    if(month<10){month='0'+month}
    
    selectYear.val(year);
    selectYear.on("change", AdjustDays);  
    selectMonth.val(month);    
    selectMonth.on("change", AdjustDays);

    AdjustDays();
    selectDay.val(day)
    
	function AdjustDays(){
		var year = selectYear.val();
		var month = parseInt(selectMonth.val()) + 1;
		selectDay.empty();
		  
		//get the last day, so the number of days in that month
		var days = new Date(year, month, 0).getDate(); 
	  
		//lets create the days of that month
		for (var d = 1; d <= days; d++){
		    var dayElem = document.createElement("option");
		    dayElem.value = d; 
		    dayElem.textContent = d;
		    selectDay.append(dayElem);
		}
	}
}


<script>
	setSelectFormCalendar("excpStr");
</script>

<html>
	<select id="excpStrYear" ></select>
    <select id="excpStrMonth" ></select>
</html>

 

 

끗!@$#@#%ㄲ!3

반응형
저작자표시 비영리 변경금지 (새창열림)

'JSP & JavaScript' 카테고리의 다른 글

Javascript 특수문자, 숫자 허용  (0) 2020.12.02
JQUERY 글자수, 글자 바이트 체크  (0) 2020.12.02
[JAVASCRIPT] 자바스크립트 AJAX 외부 통신 크로스 도메인 해결 - CORS(Cross Origin Resource Sharing)  (0) 2020.08.27
JQuery 페이지 로딩 처리  (0) 2020.05.08
모의 해킹 테스트 차단 스크립트  (0) 2020.04.21