<link href="~/EasyUI/themes/default/easyui.css" rel="stylesheet" />
<link href="~/EasyUI/themes/icon.css" rel="stylesheet" />
<link href="~/EasyUI/themes/default/easyui.css" rel="stylesheet" />
<script src="~/Scripts/jquery-3.1.1.js"></script>
<script src="~/EasyUI/jquery.easyui.min.js"></script>
<script src="~/EasyUI/locale/easyui-lang-zh_CN.js"></script>
<script>
$(function () {
$("#dd1").datebox({ disabled: true });
$("#dd").datebox({
onSelect:
function (firstDate) {
$("#dd1").datebox({ disabled: false });
$('#dd1').datebox().datebox('calendar').calendar({
validator: function (date) {
var d1 = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
var d2 = new Date(firstDate.getFullYear(), firstDate.getMonth(), firstDate.getDate());
d2.setMonth(d1.getMonth() + 1);
return d1 <= date && date <= d2;
}
})
}
});
});
</script>
<body>
<input id="dd" class="easyui-datebox" data-options="editable:true">
<input id="dd1" class="easyui-datebox" data-options="editable:false">
</body>
第一个日期选取点击之后,第二个日期选取范围date1<date<date1+30day