今天在项目中有一个需求,需要实现的是:日历控件只可以选择当天日期之前的日期(包括当天)
先说easyUI,我的是一个检索条件,里面包含一个日期控件,代码如下;
<th align="right">出生日期</th>
<td ><input id="csksrq" name="csksrq" size="15" style='width:70px;' onfocus="WdatePicker({skin:'whyGreen',maxDate:'%yyyy-%MM-%dd'})" >
至
<input id="csjsrq" name="csjsrq" size="15" style='width:70px;' onfocus="WdatePicker({skin:'whyGreen',maxDate:'%yyyy-%MM-%dd'})" >
</td>
使用的是WdatePicker,只需要在input输入里面添加下面的代码就可以实现此功能:
onfocus="WdatePicker({skin:'whyGreen',maxDate:'%yyyy-%MM-%dd'})"
其中maxDate是用来指定当前最大日期,所以选择时,这个日期是当前日期最大的,该日期以后的日期不可以被选择,其中skin是用来设置日历控件的肤色,自己可以选择不同肤色来使用,效果如下图: