WdatePicker日期插件

最新推荐文章于 2021-03-21 17:25:20 发布

原创最新推荐文章于 2021-03-21 17:25:20 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery日期选择

Java前端专栏收录该内容

12 篇文章

订阅专栏

WdatePicker是一款基于jQuery的日期选择插件，支持多种日期格式和限制日期范围。例如，可以设置只读模式、日期格式，如'yyyy-MM-dd'，并能设定最小和最大日期，如当前日期。同时，它可以确保开始日期不大于结束日期，且两者都不超过当前日期。此外，该插件允许设置开始日期的默认最大值为结束日期的开始，以及结束日期的最小值为开始日期的结束。

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

<th>申请日期</th>
<td colspan="3">
    <input class="span2" value="${Dt_begin}" name="Dt_begin" id="Dt_begin" placeholder="点击选择开始日期" 
    onclick="WdatePicker({maxDate:'#F{$dp.$D(\'Dt_end\')}',readOnly:true,dateFmt:'yyyy-MM-dd'})" />
    &nbsp;&nbsp;至&nbsp;&nbsp;
    <input class="span2" value="${Dt_end}" name="Dt_end" id="Dt_end" placeholder="点击选择结束日期" 
    onclick="WdatePicker({minDate:'#F{$dp.$D(\'Dt_begin\')}',maxDate:'%y-%M-%d',readOnly:true,dateFmt:'yyyy-MM-dd'})" />
</td>

value=”${controller返回的数据}”，
readOnly:true只读，
dateFmt:’yyyy-MM-dd’日期格式，显示年月日时分秒：dateFmt:’yyyy-MM-dd HH:mm:ss’，格式化:年月日时分秒：dateFmt:’yyyy年MM月dd日 HH时:mm分:ss秒’，
设置今天为最小日期：minDate:new Date()，minDate:’%y-%M-%d’
设置今天为最大日期：maxDate:new Date()，maxDate:’%y-%M-%d’
设置明天为最小/大日期：minDate/maxDate:’%y-%M-{%d+1}’

开始日期不能大于结束日期，且都不能大于今天：
开始日期Dt_begin -maxDate:'#F{$dp.$D(\'Dt_end\')||\'new Date()\'}'
开始日期的最大日期是Dt_end的开始日期

结束日期Dt_end-minDate:'#F{$dp.$D(\'Dt_begin \')}',maxDate:new Date()
结束日期的最小日期是Dt_begin 的结束日期

这里写图片描述