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里面的控制是由自己的需求来定,一天,一周,一个月等的都可以实现的
<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里面的控制是由自己的需求来定,一天,一周,一个月等的都可以实现的
相关文章推荐
- easyui设置datebox默认当前日期,且只能选择当前日期之前的日期
- easyui设置datebox默认当前日期,且只能选择当前日期之前的日期
- EasyUi日期控件datebox设置,只显示年月,也只能选择年月
- 根据easyui-datebox日期选择自动显示星座
- Easyui datebox单击文本框显示日期选择 eayui版本1.5.4.1
- EasyUI的DateBox只能选择月份的方法,亲测有效
- Easyui datebox单击文本框显示日期选择 eayui版本1.4.3
- Easyui datebox单击文本框显示日期选择
- Easyui datebox单击文本框显示日期选择
- Easyui datebox单击文本框显示日期选择 eayui版本1.5.3
- Easyui datebox单击文本框显示日期选择 eayui 1.4.5版本
- easyui datebox日期控制扩展选择日期小于等于当前日期,开始日期小于等于结束日期
- Easyui datebox单击文本框显示日期选择 eayui版本1.4.5
- Js:消息弹出框、获取时间区间、时间格式、easyui datebox 自定义校验、表单数据转化json、控制两个日期不能只填一个
- easyui datebox 限制日期选择大小
- 【easyui】datebox日期选择框的校验问题
- HTML Jquery EasyUI 日期选择框[easyui-datebox]的使用【格式自定】
- easyui-datebox限制选择日期范围
- easyui datebox只显示年月选择,隐藏日期
- EasyUI datebox 日期选择范围