datepicker插件实现开始日期(minDate)和结束日期(maxDate)

最新推荐文章于 2025-06-16 13:27:24 发布

Tomorrow YE

最新推荐文章于 2025-06-16 13:27:24 发布

阅读量1.3w

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML5前端文章标签： datepicker mindate maxdate 开始时间结束时间校验

本文链接：https://blog.youkuaiyun.com/qq_29301417/article/details/48973887

HTML5前端专栏收录该内容

40 篇文章

订阅专栏

本文详细介绍了在HTML页面中使用WdatePicker.js实现开始时间与结束时间的互斥校验，确保结束时间不能小于开始时间且开始时间不能大于结束时间。

（1）在html页面中导入WdatePicker.js。

 <script type="text/javascript" src="${rootPath }topui/js/My97DatePicker/WdatePicker.js"></script>

（2）开始时间结束时间互相校验（结束时间不能小于开始时间，开始时间不能大于结束时间）。

<input type="text" class="Wdate" id="startTime"  onfocus="WdatePicker({dateFmt:'yyyy年MM月',maxDate:'#F{$dp.$D(\'endTime\')}'})"/>至			      
<input type="text" class="Wdate" id="endTime" onfocus="WdatePicker({dateFmt:'yyyy年MM月',minDate:'#F{$dp.$D(\'startTime\')}'})"/>