Javascript 캘린더 설정(datepicker)
26 Jul 2018Javascript
공통부분 js
function toDatepicker(objId)
{
$('#'+objId).datepicker({
changeMonth: true,
changeYear: true,
// yearRange: '2000:'+(new Date()).getFullYear()
// yearRange: 'c-100:c+5'
yearRange: '-100:+5'
});
}
function openDatepicker(objId)
{
$('#'+objId).focus();
}
해당페이지 js
$(document).ready(function() {
// 반복문일 경우 하단으로 설정
<c:forEach items="${sereList}" varStatus="status">
toDatepicker('termEndDay${status.count}');
</c:forEach>
});
해당페이지 jsp
<input type="text" name="termEndDay${status.count}" id="termEndDay${status.count}" value="${result2.termEndDay}" readonly="true"/>
<a href="javascript:void(0);" onclick="openDatepicker('termEndDay${status.count}'); return false;" class="calendar_b" title="날짜조회"></a>
날짜 들어갈 input 태그에는 id넣어주면 됨(ready로 생성시켜준id). a태그는 openDatepicker