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="查 询" /></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框架总结\自定义标签\日期标签。
分享到:
相关推荐
"时间控件使用"这个标题暗示我们将探讨如何在不同的编程环境中利用这些控件,以便为用户提供友好的时间选择体验。"呵呵"可能代表了轻松的讨论氛围,但在这里我们可以将其理解为对掌握这一技能的轻松态度。 在Web...
描述中提到的“VC++日历控件使用”进一步细化了这个主题,意味着我们将探讨如何在VC++环境中集成和操作日历控件。 日历控件在Windows API中被称作`MonthCalendar`控件,它提供了一个可交互的日历视图,用户可以通过...
8. **事件处理**:无论使用哪种时间控件,PB都有一系列的事件处理函数,如Change、Validate等,可以帮助开发者在用户与控件交互时执行必要的逻辑,如检查输入的有效性、更新关联数据等。 总之,PB的时间控件提供了...
例如,以下是一个简单的EXT时间控件使用示例: ```html <!DOCTYPE html> <script src="ext-all.js"></script> Ext.onReady(function() { var timePicker = Ext.create('Ext.picker.Time', { renderTo: ...
下面将详细介绍如何在PowerBuilder中使用日期时间控件,以及它的一些关键特性。 首先,我们需要了解PowerBuilder中的两种主要日期时间控件类型:DateTimeCtrl和DateCtrl。DateTimeCtrl允许用户选择日期和时间,而...
五、如何使用JavaScript时间控件 使用这些控件通常涉及以下步骤: 1. 在项目中引入库的JavaScript和CSS文件。 2. 初始化控件,指定要绑定的元素,以及任何配置选项。 3. 可以通过API调用来获取或设置日期,或监听...
My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。
日期时间控件,出错,害人了..日期时间控件,出错,害人了..日期时间控件,出错,害人了..日期时间控件,出错,害人了..日期时间控件,出错,害人了..日期时间控件,出错,害人了..日期时间控件,出错,害人了..日期...
在EXTJS4中,时间控件是用于用户交互并输入日期和时间的界面元素,它提供了多种选择方式,包括年月选择、年月日选择以及年月日时分秒选择。这些控件在Web应用程序中非常常见,尤其适用于需要用户输入特定日期或时间...
文件名称"时间控件"可能包含了VB时间控件的使用示例、源代码或者库文件,用于帮助开发者理解和实现这些功能。 在实际开发中,了解和掌握VB时间控件的属性、方法和事件是至关重要的。例如,`Value`属性用于获取或...
在提供的压缩文件中,`readme.txt`可能是关于如何使用这些控件的说明,`齐码代码.url`可能是一个链接,指向更详细的代码示例或教程,而`timer`可能是一个项目文件或者包含有关Timer控件使用的代码片段。如果你需要...
"delphi日期时间控件" 提供了一种高效的方法,允许用户同时选择日期和时间,大大增强了用户体验。这里我们将深入探讨这种控件以及与其相关的知识点。 首先,TMS Component Pack是一个强大的第三方组件库,它包含了...
考虑到浏览器的兼容性和移动设备的触摸交互,时间控件应考虑使用现代Web标准(如Web Components)和触屏友好的设计。对于不支持JavaScript的环境,可以使用HTML5的`<input type="date">`或`<input type="time">`作为...
对于时间控件,开发者可能使用了诸如`datetimepicker`这样的插件,通过调用`.datetimepicker()`方法来初始化并配置控件。这个插件允许用户以日、小时和分钟为单位选择时间,有时还可以包含秒和时区选项。配置选项...
习惯了C# WinForm上使用DateTimePicker,在ASP.NET开发页面时,发现最简单的日期时间输入选择框居然没有现成的控件,很有束手无策的感觉。网上找了很多,除了牛人自己写控件外,大多数都是使用My97DatePicker这个第...
在IT领域,时间控件是一种常见的用户界面元素,它允许用户...在提供的压缩包文件中,可能包含了关于时间控件的示例代码、设计资源或使用教程,通过学习这些内容,开发者可以进一步理解和应用时间控件,提升项目质量。
9. **辅助功能**:为了满足所有用户的需求,时间控件应考虑无障碍设计,比如支持屏幕阅读器,让视障用户也能方便使用。 10. **本地化**:全球化的应用程序需要支持多种语言和时区。因此,这个控件可能包含了多种...
"my97时间控件"是一款在IT领域中广泛使用的日期和时间选择工具,尤其适用于网页开发。这个控件提供了一种用户友好的界面,使得用户可以方便地选择和输入日期与时间,大大提升了交互体验。它具有高度的自定义性,可以...
在使用这些JS时间控件时,开发者需要注意以下几点: 1. **兼容性**:确保控件在主流浏览器(如Chrome、Firefox、Safari、Edge等)以及不同版本的浏览器中都能正常工作。这可能需要引入polyfills来解决不兼容的特性...
在使用jQuery日期时间控件时,首先需要确保引入了jQuery库,因为这个控件是构建在jQuery基础上的。这通常通过在HTML文件中添加jQuery库的CDN链接或者将jQuery库文件下载到本地并链接到项目中来实现。例如: ```html...