怎样在jsp页面中添加日历并为日历中添加行程

怎样在jsp页面中添加日历并为日历中添加行程,第1张

<%@   page   contentType="text/html   charset=gb2312"   language="java"   import="java.sql.*"   errorPage=""   %>   

  <%@   page   language="java"   import="java.util.*"   %>     

  <%!   String   days[]   %>     

  <body>     

  <%     

  days=new   String[42]     

  for(int   i=0i<42i++)     

      {     

        days[i]=""     

      }     

  %>     

  <%     

  GregorianCalendar   currentDay   =   new   GregorianCalendar()   

    

  int   today=currentDay.get(Calendar.DAY_OF_MONTH)   

  int   month=currentDay.get(Calendar.MONTH)   

  int   year=   currentDay.get(Calendar.YEAR)   

  out.println(year+"年"+   (month+1)+"月"+today+"日")   

  Calendar   thisMonth=Calendar.getInstance()     

  thisMonth.set(Calendar.MONTH,   month   )     

  thisMonth.set(Calendar.YEAR,   year   )     

  thisMonth.setFirstDayOfWeek(Calendar.SUNDAY)     

  thisMonth.set(Calendar.DAY_OF_MONTH,1)     

  int   firstIndex=thisMonth.get(Calendar.DAY_OF_WEEK)-1     

  int   maxIndex=thisMonth.getActualMaximum(Calendar.DAY_OF_MONTH)     

  for(int   i=0i<maxIndexi++)     

      {     

        days[firstIndex+i]=String.valueOf(i+1)     

      }     

  %>     

    

  <table   border="0"   width="168"   height="81">     

  <div   align=center>     

      <tr>     

          <th   width="25"   height="16"   ><font   color="red">日</font>     

  </th>     

          <th   width="25"   height="16"   >一</th>     

          <th   width="25"   height="16"   >二</th>     

          <th   width="25"   height="16"   >三</th>     

          <th   width="25"   height="16"   >四</th>     

          <th   width="25"   height="16"   >五</th>     

          <th   width="25"   height="16"   ><font   color="red">六</font></th>     

      </tr>     

  <%   for(int   j=0j<6j++)   {   %>     

  <tr>     

              <%   for(int   i=j*7i<(j+1)*7i++)   {   %>     

            <td   width="15%"   height="16"     valign="middle"   align="center">     

            <%if((i-firstIndex+1)==today){     

      %>   

    <font   color="red"><%=days[i]%></font>   

    <%   

    }   else   {     

    %>   

    <%=days[i]%>   

    <%   

    }   

    %>   

    </td>     

          <%   }     %>     

      </tr>     

  <%   }     %>     

  </div>     

  </table>

动态添加输入行可以使用 javascript 就能够完成

<html>

<body>

<input type="button" value="add" onclick="add()"/>

<ul id="ul"><li><input type="text"/></li></ul>

</body>

</html>

<script>

function add(){

var ul = document.getElementById("ul")

var li = ul.firstChild.cloneNode(true)

ul.appendChild(li)

}

</script>

如上代码中使用的ul、li,如果使用 table 其实也是一样的。

html是静态网页,不支持数据库,

jsp是动态网页,支持数据库。

先新建一个jsp文件,然后将html中的代码替换jsp中的<html>。

然后jsp最顶端有这样一句代码

<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>

language="java"指的是语言是java

import="java.util.*" 指的是导入的包名,比如"import="java.util.*,,java.sql"

pageEncoding="ISO-8859-1 "指的是编码方式是ISO-8859-1,一般支持中文的是gb2312或者UTF-8


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11919624.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存