时间控件的使用

1.  首先更新include 下面的My97DatePicker包
2.  将<script src="<%=path%>/include/My97DatePicker/WdatePicker.js" type="text/javascript"></script>导入到页面中
3.  在页面上调用js就可以了
4.  例如:<input name="staff.IDCardInvalidDate" type="text" onClick="WdatePicker()" size="15" defer="defer"/>
页面:
<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>培训计划</title>
<style type="text/css">
<!--
body,td,th {
        font-size: 14px;
}
-->
</style>
<script src="<%=path%>/include/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
</head>

<body>
<table cellpadding="0" cellspacing="0" width="100%" height="100%" border="0">
<tr><td style="padding-left:7px;padding-top:2px;color:#ffffff;font-weight:bold;font-size:14px;height:25px;"><nobr><font color="6179BF">查询条件</font></nobr></td></tr>
    <tr><td bgcolor="#94B8E7" style="height:2" colspan="3"></td></tr>
  <tr>
  <td height="100">
  <s:form action="selectCondition"  theme="simple">
   <table cellpadding="0" cellspacing="0" width="90%" height="100" border="0">
     <tr><td width="80">计划类别</td><td width="25%"><select name="trainPlan.planType" style="width:90%"><option value="年度">年度</option><option value="季度">季度</option><option value="月度">月度</option></select></td><td width="80">计划名称</td><td width="25%"><input type="text"  name="trainPlan.planName" style="width:90%" /></td><td width="80">制定人</td><td width="25%"><input type="text" name="trainPlan.createMan" style="width:90%"/></td></tr>
     <tr><td width="80">开始日期</td><td width="25%"><input name="trainPlan.startDate" type="text" onClick="WdatePicker()" size="15" style="width:90%" /></td><td width="80">结束日期</td><td width="25%"><input name="trainPlan.endDate" type="text" onClick="WdatePicker()" size="15" style="width:90%" /></td><td></td><td width="25%"><input type="submit" value="查&nbsp;&nbsp;&nbsp;&nbsp;询" /></td></tr>
   </table>
   </s:form>
  </td></tr>
   <tr>
    <td width="100%"  >
    <table width="100%" height="100%"><tr><td>
   <div style=" overflow:auto;height:100%; width:100%;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="100%">
<tr><td style="padding-left:7px;padding-top:2px;color:#ffffff;font-weight:bold;font-size:14px; height:20px;"><nobr><font color="6179BF">培训计划列表</font></nobr></td><td width="10%"><a href="trainplan/AddTrainPlan.jsp">增加</a></td></tr>
    <tr><td bgcolor="#94B8E7" style="height:2" colspan="3" ></td></tr>
<tr><td style="padding-top:5px;" colspan="2">
   <div style="height:100%; width:100%;">
<table cellpadding="0" cellspacing="0" border="0" width="100%" >
   
    <tr><td width="100%" colspan="6">
     <div style="height:100%; width:100%;">
       <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">
         <% int recordSum=(Integer)request.getAttribute("RecordSum"); %>
        <tr align="center" ><td width="10%" bgcolor="#CCCCCC" align="center" >计划类别</td><td width="15%" bgcolor="#CCCCCC">计划名称</td><td width="10%" bgcolor="#CCCCCC">制定时间</td><td width="10%" bgcolor="#CCCCCC">制定人</td><td width="10%" bgcolor="#CCCCCC">审批人</td><td width="10%" bgcolor="#CCCCCC">审批状态</td><td width="15%" bgcolor="#CCCCCC">操作</td></tr>
        <s:if test="paging.recordList.size>0">
         <s:iterator value="paging.recordList">
           <s:url id="id" action="getTrainMap" >
               <s:param name="trainmapid"><s:property value="trainPlanID" /></s:param>
           </s:url>  
            <s:url id="control" action="selectByID" >
               <s:param name="trainplanid"><s:property value="trainPlanID" /></s:param>
           </s:url>
             <s:url id="show" action="showByID" >
               <s:param name="trainplanid"><s:property value="trainPlanID" /></s:param>
           </s:url>
             <s:url id="delete" action="deleteByID" >
               <s:param name="deleteid"><s:property value="trainPlanID" /></s:param>
           </s:url>  
           <tr align="center">
           <td width="10%"  height="25"><s:a href="%{id}"><s:property value="planType"/></s:a></td>
           <td width="15%" ><s:property value="planName"/></td>
           <td width="10%" ><s:property value="createDate"/></td>
           <td width="10%" ><s:property value="createMan"/></td>
           <td width="10%" ><s:property value="auditer"/></td>
           <td width="10%" ><s:property value="status"/></td>
           <td width="15%" ><s:a href="%{control}">审批</s:a><s:a href="%{show}">查看</s:a><s:a href="%{delete}">删除</s:a></td>
           </tr>
          </s:iterator>
          </s:if>
        <s:else>
            <tr align="center"><td style="padding-top:2px;color:#385684;font-weight:bold;font-size:14px; height:20px;">没有相关培训计划</td></tr>
        </s:else>
       </table>
     </div>
    </td></tr>
</table></div>
<td></td>
</table>
</div>
   
    </td></tr></table>
    </td></tr>
</table>

</body>
</html>

详细的实现:参考E:\学习笔记\java\ssi框架总结\自定义标签\日期标签。

你可能感兴趣的:(JavaScript,html,jsp,css,struts)