JSP 달력 만들기

맘에 쏙드는 그런 코드가 없어 직접 만들었다. 잼있긴 하지만 시간 아깝다ㅠㅠ

contentArea와 li의 width를 잘 조절해야 한 행에 한 주가 표시된다.

서블릿에서 firstDayOfMonth, lastDayOfMonth 두 값만 세팅해 주면 된다.

ex)

Calendar calendar = Calendar.getInstance ();

calendar.setTime ( new Date() );

int firstDayOfMonth = calendar.get(Calendar.DAY_OF_WEEK)-1;

int

lastDayOfMonth

lastDayOfMonth = calendar.getActualMaximum(Calendar.DAY_OF_MONTH);

<style>

.contentArea {

width:890px;

padding:10px 30px 0 20px;

margin:0 4px;

}

.calendar {

list-style: none;

padding: 0;

margin: 0;

}

.calendar li {

display: inline;

list-style: none;

float: left;

width: 120px;

margin: 0 4px 2px 0;

color: #3e3e3e;

font: 12px Arial, Helvetica, sans-serif;

text-align: left;

border: 1px solid #d8d8d8;

}

</style>

<div class="contentArea">

<ul class="calendar">

<li>일</li><li>월</li><li>화</li><li>수</li><li>목</li><li>금</li><li>토</li>

<c:forEach var="data" begin="1" end="${

firstDayOfMonth

firstDayOfMonth}" step="1" varStatus="status" >

<li>-</li>

</c:forEach>

<c:forEach var="data" begin="1" end="${

lastDayOfMonth

lastDayOfMonth}" step="1" varStatus="status" >

<li style="height: 120px;">${status.count}</li>

</c:forEach> 

</ul>

</div>