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>

你可能感兴趣的:(JavaScript,js,jsp)