自定义jsp页面使用日期控件【源码-自定义jsp-日期控件】

Q：请问在自定义jsp页面使用日期控件，像在平台中的那种效果呢？
A：您好：
第一步：您可以在jsp页面添加<script src ="/obpm/script/datePicker/WdatePicker.js"></script>标记，把对应的js引用进来
第二步：在jsp页面添加function，类似如下代码：

1. 
   
2. <script language="javascript" >
   
3. function agentStart(){
   
4.                  WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:'',maxDate:'9999-99-99',skin:'whyGreen'});
   
5.         }
   
6. 
   
7.    function agentEnd(){
   
8.                 var time=document.getElementById("d11").value;
   
9.                 WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',minDate:time,maxDate:'9999-99-99',skin:'whyGreen'});
   
10.         }
    
11. </scirpt>
    

复制代码

第三步：这jsp页面添加日期控件格式如下：

1. 
   
2. <table>
   
3. <tr><td>开始日期：<input id ="d11" class="Wdate input inputData" type="text" value=""  onClick="agentStart()" /></td></tr>
   
4. <tr><td>结束日期：<input id ="d12" class="Wdate input inputData" type="text" value=""  onClick="agentEnd()"  /></td></tr>
   
5. </table>
   

复制代码

前台效果：