java 연간 출근 달력 작성
JAVA 코드:
package com.wp.action;
import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Calendar;
import java.util.HashMap;
public class CalendarAction extends MainAction {
private static final long serialVersionUID = 1L;
private int maxCols;
private String html;
private String clickDate;
public String getClickDate() {
return clickDate;
}
public void setClickDate(String clickDate) {
this.clickDate = clickDate;
}
public String init() {
Calendar cal = Calendar.getInstance();
int month = cal.get(Calendar.MONTH) + 1;
initMaxCols();
html = createTbl();
return SUCCESS;
}
private void initMaxCols() {
//
int headDisabledDays;
//
int oneMonthDays;
Calendar cal = Calendar.getInstance();
cal.set(Calendar.DAY_OF_MONTH, 1);
for (int i = 0; i < 12; i++) {
if (cal.get(Calendar.DAY_OF_WEEK) == Calendar.SUNDAY) {
//
headDisabledDays = 6;
} else {
headDisabledDays = cal.get(Calendar.DAY_OF_WEEK)
- Calendar.MONDAY;
}
oneMonthDays = cal.getActualMaximum(Calendar.DAY_OF_MONTH);
if (headDisabledDays + oneMonthDays > maxCols) {
maxCols = headDisabledDays + oneMonthDays;
}
cal.add(Calendar.MONTH, 1);
}
}
private String createTbl() {
StringBuffer html = new StringBuffer();
String[] weekdays = { " ", " ", " ", " ", " ", " ", " " };
SimpleDateFormat formatTd = new SimpleDateFormat("yyyyMMdd");
SimpleDateFormat formatHeader = new SimpleDateFormat("yyyy MM ");
SimpleDateFormat formatTitle = new SimpleDateFormat("yyyy MM dd ");
HashMap<String, String> map = getCalendarDetail();
//
int headDisabledDays;
// html.append("<table id='calTbl'>\r
");
html.append("<tr>\r
");
html.append("<th></th>\r
");
for (int col = 0; col < maxCols; col++) {
html.append("<th>");
html.append(weekdays[col % weekdays.length]);
html.append("</th>\r
");
}
html.append("</tr>\r
");
Calendar cal = Calendar.getInstance();
int month = cal.get(Calendar.MONTH);
for (int months = 0; months < 12; months++) {
html.append("<tr>\r
");
String s;
s = formatHeader.format(cal.getTime());
html.append("<td class='rowHeader'>" + s + "</td>\r
");
cal.set(Calendar.DAY_OF_MONTH, 1);
if (cal.get(Calendar.DAY_OF_WEEK) == Calendar.SUNDAY) {
//
headDisabledDays = 6;
} else {
headDisabledDays = cal.get(Calendar.DAY_OF_WEEK)
- Calendar.MONDAY;
}
cal.add(Calendar.DAY_OF_MONTH, -headDisabledDays);
for (int col = 0; col < maxCols; col++) {
html.append("<td id='");
String date = formatTd.format(cal.getTime());
html.append(date + "' ");
// if (headDisabledDays-- > 0) {
// html.append("class='disabledTd'");
// }else
if (month != cal.get(Calendar.MONTH)) {
html.append("class='disabledTd'");
} else if (map.containsKey(formatTd.format(cal.getTime()))) {
int type = Integer.parseInt(map.get(formatTd.format(cal
.getTime())));
if(type == 1){
//html.append("class='holidayTd'");
}else if(type == 2){
html.append("class='holidayTd'");
}
} else if (cal.get(Calendar.DAY_OF_WEEK) == Calendar.SATURDAY
|| cal.get(Calendar.DAY_OF_WEEK) == Calendar.SUNDAY) {
html.append("class='weekendTd'");
} else {
html.append("class='generalTd'");
}
html.append(" title='" + formatTitle.format(cal.getTime())
+ "'");
html.append(">");
html.append(cal.get(Calendar.DAY_OF_MONTH));
html.append("</td>\r
");
cal.add(Calendar.DAY_OF_MONTH, 1);
}
html.append("</tr>\r
");
if (month == cal.get(Calendar.MONTH)) {
cal.add(Calendar.MONTH, 1);
}
month = cal.get(Calendar.MONTH);
}
// html.append("</table>\r
");
return html.toString();
}
public String getHtml() {
return html;
}
public void setHtml(String html) {
this.html = html;
}
private HashMap<String, String> getCalendarDetail() {
HashMap<String, String> map;
map = new HashMap<String, String>();
map.put("20150404", "2");
map.put("20150405", "2");
map.put("20150406", "2");
map.put("20150501", "2");
map.put("20150502", "2");
map.put("20150503", "2");
map.put("20150622", "2");
map.put("20151001", "2");
map.put("20151002", "2");
map.put("20151003", "2");
return map;
}
public String dateCellClick(){
return SUCCESS;
}
}
액 션 설정:
<action name="calendar" class="com.wp.action.CalendarAction" method="init">
<result name="success" type="json"></result>
</action>
HTML 코드:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path;
%>
<%@taglib prefix="s" uri="/struts-tags"%>
<html>
<STYLE type="text/css">
.disabledTd{
background-color:gray;
}
.weekendTd{
background-color:yellow;
}
.holidayTd{
background-color:green;
}
.generalTd{
background-color:white;
}
#calTbl{
font-family: verdana,arial,sans-serif;
font-size:13px;
color:#333333;
border-width: 1px;
border-color: #a9c6c9;
border-collapse: collapse;
}
#calTbl th{
border-width: 1px;
padding: 4px;
border-style: solid;
border-color: #a9c6c9;
background-color:olive;
}
#calTbl td {
border-width: 1px;
padding: 4px;
border-style: solid;
border-color: #a9c6c9;
}
.rowHeader{
background-color:olive;
}
</STYLE>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Login page</title>
<link rel="stylesheet" type="text/css" media="screen"
href="<%=basePath%>/html/styles/styles.css" rel="external nofollow" />
<script src="<%=basePath%>/html/scripts/common.js"
type="text/javascript"></script>
<script src="<%=basePath%>/html/scripts/jquery.js"
type="text/javascript"></script>
<script src="<%=basePath%>/html/scripts/jquery.json-2.2.min.js"
type="text/javascript"></script>
<script src="<%=basePath%>/html/scripts/jquery.ui.custom.js"
type="text/javascript"></script>
<script src="<%=basePath%>/html/scripts/script.js"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var checkType = 0;
$.post('calendar',{},function(data,status)
{
if(data != null && data.html != null && data.html != ""){
$("#calTbl").html( data.html);
$("#calTbl td").click(tdClick);
$("#checkType input").click(typeCheck);
}
}).error(function(){
});
var tdClick = function(){
if(this.className == 'rowHeader' || this.className == 'disabledTd'){
return;
}
if(checkType != null && checkType != "" && checkType != 0){
if(checkType == 1){
this.style.backgroundColor="white";
}else if(checkType == 2){
this.style.backgroundColor="yellow";
}else if(checkType == 3){
this.style.backgroundColor="green";
}
}
};
var typeCheck = function(){
checkType = this.value;
};
});
</script>
</head>
<body>
<div id="calendar">
<table id="calTbl"></table>
</div>
<div>
<table id="checkType">
<tr>
<td style="background-color: white;"> <input type="radio" name="type" value="1"> </td>
<td style="background-color: yellow;"><input type="radio" name="type" value="2"></td>
<td style="background-color: green;"> <input type="radio" name="type" value="3"></td>
</tr>
</table>
</div>
</body>
</html>
효 과 는 다음 과 같다.이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Is Eclipse IDE dying?In 2014 the Eclipse IDE is the leading development environment for Java with a market share of approximately 65%. but ac...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.