My97date设置开始时间结束时间(包含静态和动态代码方式)

静态代码方式:

         引入Jqury(参考js) jquery-1.8.3.js

         引入My97Date(参考js) My97DatePicker/WdatePicker.js

页面使用合同开始时间和结束时间为例子:

     参考样式:

          

          

         

     参考代码:

         <input type="text" name="srSailContract.begainDate" id="srSailContract.begainDate" value="" class="Wdate" onClick="WdatePicker({maxDate:'#F{$dp.$D(\'srSailContract.endDate\')}'});" />

         <input type="text" name="srSailContract.endDate" id="srSailContract.endDate" value="" class="Wdate" onClick="WdatePicker({minDate:'#F{$dp.$D(\'srSailContract.begainDate\')}'});" />

静态方式结束!

 

动态代码方式:

         引入Jqury(参考js) jquery-1.8.3.js

         引入My97Date(参考js) My97DatePicker/WdatePicker.js

页面使用任务的开始时间和结束时间为例:任务为多个任务,点击添加动态新增,页面如下:

         

     

参考代码:

       var beganDate = '唯一id';

       var endDate= '唯一id';

       <input class="beganDate Wdate" id="'+beganDate+'" onClick="WdatePicker({maxDate:\'#F{$dp.$D(\\\''+endDate+'\\\')}\'});" name="srSeailTaskList[0].beganDate" type="text" />

       <input class="endDate Wdate" id="'+endDate+'"onClick="WdatePicker({minDate:\'#F{$dp.$D(\\\''+beganDate+'\\\')}\'});" name="srSeailTaskList[0].endDate" type="text" />

 

注意事项

1.WdatePicker方法中开始时间使用的是maxDate,结束时间使用的是minDate

2.WdatePicker方法中开始时间使用的是结束时间的id值,结束时间使用的是开始时间的id值。

3.开始时间和结束时间input的name可以和id不一致,区别于参考代码。

 

以上代码仅供参考,谢谢大家!

 

 

 

 

 


版权声明:本文为qq_24426981原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。