JSP 달력 만들기
Tip 2010. 9. 10. 22:10 |맘에 쏙드는 그런 코드가 없어 직접 만들었다. 잼있긴 하지만 시간 아깝다ㅠㅠ
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 = 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}" step="1" varStatus="status" >
<li>-</li>
</c:forEach>
<c:forEach var="data" begin="1" end="${
lastDayOfMonth}" step="1" varStatus="status" >
<li style="height: 120px;">${status.count}</li>
</c:forEach>
</ul>
</div>
'Tip' 카테고리의 다른 글
| 크로스도메인 쿠키문제 (0) | 2011.01.21 |
|---|---|
| MySql insert select (0) | 2010.11.06 |
| div가운데 정렬 (0) | 2010.10.09 |
| 말풍선 그럴싸한거 (0) | 2010.09.26 |
| CSS 말줄임표(...) div 와 table 에 적용하기 (0) | 2010.09.01 |