WdatePicker时间控件限制开始结束时间

最新推荐文章于 2025-02-25 17:15:00 发布

ChenJZ_8

最新推荐文章于 2025-02-25 17:15:00 发布

阅读量2.3k

点赞数

分类专栏：前端文章标签： WdatePicker 前端

本文链接：https://blog.youkuaiyun.com/ChenJZ_8/article/details/91490401

版权

这篇博客介绍了如何利用WdatePicker前端时间控件，实现开始时间不能大于结束时间以及结束时间不能小于开始时间的限制。通过示例代码展示了在输入框中点击触发日期选择，并设置最大和最小日期为相互关联的另一输入框的日期值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

时间控件限制：

1、开始时间不能大于结束时间 maxDate:'#F{$dp.$D(\'endDate\')}'

2、结束时间不能小于开始时间 minDate:'#F{$dp.$D(\'startDate\')}'

例子：

<div class="control-group">
           <label class="control-label">工作日时间从：</label>
           <div class="controls">
               <input id="workDateStart" name="workDateStart" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate "
                   value="<fmt:formatDate value="${laWorkRecord.workDateStart}" pattern="yyyy-MM-dd HH:mm:ss"/>"
                   οnclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false,maxDate:'#F{$dp.$D(\'workDateEnd\')}'});"