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

来源：互联网发布：原来你是这样的网络语编辑：程序博客网时间：2024/06/06 07:36

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>

阅读全文

0 0