Wdatepick控件日期限制

漫玥刚花

已于 2022-04-19 16:41:42 修改

阅读量3.3k

点赞数

分类专栏：前端技术文章标签：前端

于 2022-04-19 16:25:16 首次发布

本文链接：https://blog.youkuaiyun.com/gangsijay888/article/details/124276930

版权

4 篇文章

订阅专栏

本文详细介绍了如何使用WdatePicker组件限制日期选择，包括只允许选择过去的时间、确保默认为当天、设定结束日期不超过当前日期，以及处理两个日期输入框的联动。通过实例和配置参数解析，帮助开发者更好地理解和应用这些功能。

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

WdatePicker限制只能选当天，只能选以前的时间

（1）WdatePicker限制只能选以前的时间(不能选当天):

οnfοcus="WdatePicker({startDate:'%y',dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-{%d-1}'})"

（2）WdatePicker限制只能选当天的时间:

οnfοcus="WdatePicker({startDate:'%y',dateFmt:'yyyy-MM-dd',maxDate:'%y-%M-%d',minDate:'%y-%M-%d'})"

这个最好默认给它一个当天的时间值。

（3）WdatePicker限制结束日期小于等于当前日期

onFocus="WdatePicker({startDate: '%y-%M-01', dateFmt: 'yyyy-MM-dd',maxDate:'%y-%M-%d', alwaysUseStartDate: true})"

（4）maxDate设置两个值

开始时间：
<input type="text" placeholder=" —请选择— " readonly="readonly" id="begintime" name="begintime"
style="width: 100px;" class="Wdate" οnfοcus="WdatePicker({isShowClear:false,dateFmt:'yyyy-MM-dd',startDate:'%y-%M-%d',maxDate:'#F{$dp.$D(\'endtime\')||\'%y-%M-%d\'}'})" />
结束时间：
<input type="text" placeholder=" —请选择— " readonly="readonly" id="endtime" name="endtime"
style="width: 100px;" class="Wdate" οnfοcus="WdatePicker({isShowClear:false,dateFmt:'yyyy-MM-dd',minDate:'#F{$dp.$D(\'begintime\')}',maxDate:'%y-%M-%d',startDate:'%y-%M-%d'})" />