js实现jsp页面日期时间控件

1.首先下载My97DatePicker js包 在项目里导入js文件的calendar.js,WdatePicker.js

2.My97DatePicker js要在绝对路径使用，如果相对路径在相对路径使用请参考eg:js2

3.关于导入后控件不能用请仔细阅读，并核对导入的包的路径是否正确。

4.再次声明如果直接导入js jsp放入子文件夹那么js会失效原因请参考1.2.3条。

//eg: js1

<script type="text/javascript" src="My97DatePicker/calendar.js"></script>
<script type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>

//eg:js2

<script type="text/javascript" src="<%=basePath %>/jsdate/My97DatePicker/calendar.js"></script>
<script type="text/javascript" src="<%=basePath %>/jsdate/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript">
</script>

//text

<tr><!--   class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})text添加控件   -->
<td class="style5" align="left"><font style="font-size: 20px">更新时间:</font>
<input class="Wdate" onFocus="WdatePicker({lang:'zh-cn'})"   disabled="disabled"  type="text"    name="genxinriqi" value="${sessionScope.Msg.genxinriqi }" />
</td>
</tr>

//日期+时间控件

//eg: dateFmt:’yyyyMMdd HH:mm:ss’

<input class="Wdate" onFocus="WdatePicker({lang:'zh-cn',dateFmt:'yyyyMMdd HH:mm:ss'})"    type="text"    name="genxinriqi" value="${sessionScope.Msg.genxinriqi }" />

//利用jstl格式化 后台传过来的value

//1. 导入jstl fmt

<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="f"%>

//2. eg: 格式化value

<tr>
<td class="style5" align="left"><font style="font-size: 20px">上传日期:</font>
<input class="Wdate"  name="shangchuanriqi"  onFocus="WdatePicker({lang:'zh-cn'})"
disabled="disabled"  type="text"
value='<f:formatDate value="${sessionScope.Msg.shangchuanriqi }"/>'/>
</td>
</tr>