[JavaScript] select box 현재 년도, 분기 셋팅

search 조건으로 년도, 분기가 들어가는 경우가 있다.

초기 search조건을 오늘날짜 기준으로 년도, 분기 셋팅하는 방법.

 

[ html Code ]

...

<select id="year" name="year" title="연도"></select>
<select id="quarter" name="quarter" title="분기">
    <option value="1">1분기</option>
    <option value="2">2분기</option>
    <option value="3">3분기</option>
    <option value="4">4분기</option>
</select>

...

[ JavaScript Code ]

...

var now = new Date();
var year = now.getFullYear();
var mon = (now.getMonth() + 1) > 9 ? ''+(now.getMonth() + 1) : '0'+(now.getMonth() + 1); 

// 년도 selectbox만들기
for(var i = 2018 ; i <= year ; i++) {
    $('#year').append('<option value="' + i + '">' + i + '년</option>');    
}

//현재 년도 셋팅
$("#year  > option[value="+year+"]").attr("selected", "true");

//현재 분기 셋팅
var quarter;
if(mon <= 3) quarter = 1
else if(mon > 3 && mon <=6) quarter = 2
else if(mon > 6 && mon <=9) quarter = 3
else quarter = 4
$("#quarter  > option[value="+quarter+"]").attr("selected", "true");
        
 ...