easyui-datebox前一个选择了日期，后一个只能该日期之后的日期，或是一个周之后的日期

来源：互联网发布：java两个日期相差年数编辑：程序博客网时间：2024/06/16 13:25

先看一下页面代码 class是引用的easyui-datebox

<td>交易起始日期:</td>

<td><input type="text" name="startTime" id='startTime' class="easyui-datebox" data-options="width:150,prompt: '交易起始日期',editable:false" />
</td>
<td>交易结束日期:</td>
<td><input type="text" name="endTime" id='endTime' class="easyui-datebox" data-options="width:150,prompt: '交易结束日期',editable:false" />

</td>

js代码

$(function() {
           $("#startTime").datebox({
               onSelect : function(beginDate){
                  $('#endTime').datebox().datebox('calendar').calendar({
                   validator: function(date){
                      var d1 = new Date(beginDate.getFullYear(), beginDate.getMonth(), beginDate.getDate());
                      //var d2 = new Date(beginDate.getFullYear(), beginDate.getMonth(), beginDate.getDate());
                      //d2.setDate(d1.getDate());
                    return d1<=date; //&& date<=d2;

                   }
                  });
               }
           });

}）

js里面的控制是由自己的需求来定，一天，一周，一个月等的都可以实现的

0 0