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

时间:2021-02-08 16:17:03

先看一下页面代码  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里面的控制是由自己的需求来定,一天,一周,一个月等的都可以实现的