JavaScript实现JSP日历

最新推荐文章于 2021-12-23 16:02:32 发布

zhangchu_63

最新推荐文章于 2021-12-23 16:02:32 发布

阅读量9.9k

点赞数 1

分类专栏： java开发问题文章标签： javascript jsp border stylesheet date path

本文链接：https://blog.csdn.net/zhangchu_63/article/details/6110149

版权

最近做了一个会议室使用情况查询，为了给客户最直观的现实，选择使用日历的形式，每个日期是个链接，将该天日期传给后台查询处该天各会议室的全部使用情况，使用情况适用甘特图展示。日历代码如下。

<%@ page contentType="text/html;charset=utf-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<%@taglib prefix="pagination" uri="/WEB-INF/pagination.tld"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%
String path = request.getContextPath();
%>
<html>
   <head>
       <title>会场使用情况查询</title>
       <link href="<%=path%>/css/index/kevin_css.css" rel="stylesheet"
           type="text/css" />
       <link href="<%=path%>/css/index/div_css.css" rel="stylesheet"
           type="text/css" />
       <script type="text/javascript"
           src="<%=path%>/js/datePicker/WdatePicker.js"></script>
       <script type="text/javascript" src="<%=path%>/js/cosc.js"></script>
       <script type="text/javascript">
       function windowInit(){

           var today = new Date();
           var year = today.getFullYear();
           var month = today.getMonth()+1;
           document.getElementById("year").value = year;
           document.getElementById("month").value = month;

           showCalender();
       }

       function showCalender(){
           var year = document.getElementById("year").value;
           var month = document.getElementById("month").value;
           var url = "<%=request.getContextPath()%>/conference_room_usageGTT.action?usage_date=";
           myCalender(year,month,"cla",url);
       }

       function myCalender(year,month,tbId,url){
    var oTable = document.getElementById(tbId);//取得table
     var oTBody = oTable.tBodies[1];
    var row_length = oTBody.rows.length;
     for(var rows = 0 ; rows < row_length; rows ++){

         oTBody.deleteRow(0);
     }
     var crrentDay = new Date();
     crrentDay.setYear(year);
     crrentDay.setMonth(month);
     var maxIndex = new Date(crrentDay.getFullYear(),crrentDay.getMonth(),0).getDate();