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>
효 과 는 다음 과 같다.

이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기