根據日期的前一天後一天的改變查詢數據

首先引入calendar.js文件,js文件源代碼如下:

//這個方法用來進行日期的前一天和後一天的移動 function beforeday(obj) { /** *獲取日期文本框的值將獲取到得值賦值給變量 **/ var starthidden=document.getElementById("text1").value; var endhidden=document.getElementById("text2").value; /** *正則匹配日期 **/ var reg = /^(/d{4})-(/d{1,2})-(/d{1,2})/; /** *如果傳入的值爲1 將日期加上一天 *如果傳入的值爲-1 將日期加減去一天 **/ if(obj==1) { //alert("1=="+obj); //給開始日期賦值 if(reg.test(starthidden)) { //調用進行日期的加減的方法dateAdd var d = dateAdd(RegExp.$1,RegExp.$2,RegExp.$3,1); starthidden=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate(); document.getElementById("text1").value=starthidden; //alert("text1賦值後的值爲："+starthidden); } //給結束日期賦值 if(reg.test(endhidden)) { //調用進行日期的加減的方法dateAdd var d = dateAdd(RegExp.$1,RegExp.$2,RegExp.$3,1); endhidden=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate(); document.getElementById("text2").value=endhidden; //alert("text2賦值後的值爲："+endhidden); } }else { //alert("-1=="+obj); if(reg.test(starthidden)) { //調用進行日期的加減的方法dateAdd var d = dateAdd(RegExp.$1,RegExp.$2,RegExp.$3,-1); starthidden=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate(); document.getElementById("text1").value=starthidden; //alert("text1賦值後的值爲："+starthidden); } if(reg.test(endhidden)) { //調用進行日期的加減的方法dateAdd var d = dateAdd(RegExp.$1,RegExp.$2,RegExp.$3,-1); endhidden=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate(); document.getElementById("text2").value=endhidden; //alert("text2賦值後的值爲："+endhidden); } } } //這個方法用來進行日期的加減 function dateAdd(y,m,d,n) { var d = new Date(y,m-1,d); d.setDate(d.getDate()+n); return d; }

ByqHoursDataAction類源代碼:

import java.text.ParseException; import java.text.SimpleDateFormat; import java.util.Calendar; import java.util.Date; import java.util.List; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.apache.struts.action.ActionForm; import org.apache.struts.action.ActionForward; import org.apache.struts.action.ActionMapping; import org.apache.struts.actions.DispatchAction; import com.mww.biz.ByqHhDataService; import com.mww.entity.ByqDayData; import com.mww.entity.ByqHhData; /** * MyEclipse Struts * Creation date: 09-04-2009 * * XDoclet definition: * @struts.action validate="true" */ public class ByqHoursDataAction extends DispatchAction { /* * Generated Methods */ /** * Method execute * @param mapping * @param form * @param request * @param response * @return ActionForward */ private ByqHhDataService service = null; public ByqHhDataService getService() { return service; } public void setService(ByqHhDataService service) { this.service = service; } //實現日數據小時數據的查詢和日期的前一天和後一天的移動來查詢數據 public ActionForward selectByqHoursData(ActionMapping mapping, ActionForm form, HttpServletRequest request, HttpServletResponse response) { try { String option = request.getParameter("select"); String byqid = request.getParameter("textByqid"); SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); String text1 = request.getParameter("text1"); String text2 = request.getParameter("text2"); Date time1 = format.parse(text1+" 00:00:00"); Date time2 = format.parse(text2+" 23:59:59"); //日數據 if("0".equals(option)||option=="0"){ List<ByqDayData> byqDayList = service.selectbyq_Day(byqid, time1, time2); request.setAttribute("text1", text1); request.setAttribute("text2", text2); request.setAttribute("list", byqDayList); return mapping.findForward("day"); } //小時數據 if("1".equals(option)||option=="1"){ List<ByqHhData> byqHourslist = service.selectbyq_Hours(byqid, time1, time2); request.setAttribute("text1", text1); request.setAttribute("text2", text2); request.setAttribute("byqHourslist", byqHourslist); return mapping.findForward("Hours"); } } catch (ParseException e) { e.printStackTrace(); } return null; } }

shwoByqHoursData.jsp 頁面源代碼:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <%@ taglib prefix="bean" uri="/WEB-INF/struts-bean.tld"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>變壓器小時數據</title> <link href="css/common.css" mce_href="css/common.css" rel="stylesheet" type="text/css" /> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> ing{border:0;} A{ font-size:12px;} A:hover{ font-size:12px; text-decoration:underline; color:#ff7000;} td{ font-size:12px; line-height:20px;} </style> <mce:script type="text/javascript" src="js/calendar.js" mce_src="js/calendar.js"></mce:script> <mce:script type="text/javascript" src="My97DatePicker/WdatePicker.js" mce_src="My97DatePicker/WdatePicker.js"></mce:script> </head> <mce:script type="text/javascript"></mce:script> <body> <h2 align="center"><strong> 變壓器小時數據查詢結果</strong></h2> <form action="byqHoursData.do?method=selectByqHoursData" name="myform" method="post" id="myform" οnsubmit="return selectDayandHours2()"> <table border="1" bordercolor="#99CCFF" cellpadding="0" cellspacing="0" width="100%"> <thead> <tr bgcolor="#FFCCFF"> <td width="35%" align="center" class="tab-row"><strong>起始日期:</strong> <input name="text1" type="text" id="text1" value="${text1}" class="Wdate" οnclick="new WdatePicker(this,null,false,'whyGreen')" style="width:150px;" height="18" readonly="readonly"/> </td> <td width="30%"><strong>結束日期:</strong> <input name="text2" type="text" id="text2" value="${text2}" class="Wdate" οnclick="new WdatePicker(this,null,false,'whyGreen')" style="width:150px;" height="18" readonly="readonly"/> </td> <td width="42%"><div> <select name="select" id="select" style="width:80"> <option value="1">小時數據</option> </select> <input type="submit" class="buttons" id="sbtn2" name="sbtn2" value="查詢"> <a href="javascript:beforeday1(-1)" mce_href="javascript:beforeday1(-1)">《前一天 </a>| <a href="javascript:beforeday1(1)" mce_href="javascript:beforeday1(1)">後一天》</a> <a href="javascript:AutomateExcel();" mce_href="javascript:AutomateExcel();"> <img src="images/chartlogo.gif" mce_src="images/chartlogo.gif" width="16" height="16" border="0"> </a> </div> </td> </tr> </thead> <tfoot> </tfoot> </table> <c:if test="${empty byqHourslist}"> <h2 align="center"><strong>對不起！沒有找到您需要的數據！</strong></h2> </c:if> <c:if test="${!empty byqHourslist}"> <table width="100%" border="1" bordercolor="#99CCFF" cellpadding="0" cellspacing="0"> <tr bgcolor="#FFCCFF" align="center"> <td rowspan="2"> </td> <td rowspan="2">名稱</td> <td rowspan="2">時間</td> <td rowspan="2">有功表碼 </td> <td rowspan="2">無功表碼</td> <td rowspan="2">有功功率</td> <td rowspan="2">無功功率</td> <td colspan="3">電壓</td> <td colspan="3">電流</td> </tr> <tr bgcolor="#FFCCFF" align="center"> <td>A相</td> <td>B相</td> <td>C相</td> <td>A相</td> <td>B相</td> <td>C相</td> </tr> <c:set var="i" value="0"></c:set> <c:forEach items="${byqHourslist}" var="byqhours"> <c:set var="i" value="${i+1}"></c:set> <tr align="center"> <td>${i}</td> <td> ${byqhours.id.gatherid} <input type="hidden" id="textByqid" name="textByqid" value="${byqhours.id.gatherid}"> </td> <td><bean:write format="yyyy-MM-dd HH:mm" name="byqhours" property="id.ddate" /></td> <td>${byqhours.psum}</td> <td>${byqhours.npsum}</td> <td>${byqhours.powervalue}</td> <td>${byqhours.unpowervalue}</td> <td>${byqhours.avoltage}</td> <td>${byqhours.bvoltage}</td> <td>${byqhours.cvoltage}</td> <td>${byqhours.acurr}</td> <td>${byqhours.bcurr}</td> <td>${byqhours.ccurr}</td> </tr> </c:forEach> </table> </c:if> </form> </body> </html>

MaWenWu281107072139

發佈了40 篇原創文章 · 獲贊 6 · 訪問量 10萬+

私信關注

根據日期的前一天後一天的改變查詢數據

再談23種設計模式（3）：行爲型模式（學習筆記）

Power Automate Desktop 安裝完，登錄後老是提示one driver 錯誤

微前端學習筆記(4):從微前端到微模塊之EMP與hel-micro方案探索

微前端學習筆記（1）：微前端總體架構概述，從微服務發微

985 碩士程序員，空窗 4 個月沒有 Offer！

一文搞懂 Spring 循環依賴

賽博鬥地主——使用大語言模型扮演Agent智能體玩牌類遊戲。

VScode右鍵打開(添加到右鍵)

記一次 .NET某工控視覺自動化系統卡死分析

WindowsServer--SQL Server搭建主從同步實現讀寫分離 - 事務性分發

js 動態添加刪除Table塊

使用showModalDialog傳值

java 刪除List 中的重複數據

JS登陸郵箱

js獲取父框架、子框架的內容

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結