您的位置:首页 > 产品设计 > UI/UE

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

2017-05-13 16:33 656 查看
先看一下页面代码  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里面的控制是由自己的需求来定,一天,一周,一个月等的都可以实现的
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息