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