JQueryUIdatepicker在选择startDate与endDate时⼿动清空数
据。。。
现在要⽤Jquery UI  的datepicker做⼀个时间段的选择，要求选择了startDate后，endDate要在startDate之前；选择endDate
后，startDate要在endDate之前。
使⽤代码：
$("#startDate").datepicker({
onSelect:function(dateText,inst){
$("#endDate").datepicker("option","minDate",dateText);
},
timeFormat : 'hh:mm:ss',
dateFormat : 'yy-mm-dd',
});
$("#endDate").datepicker({
onSelect:function(dateText,inst){
$("#startDate").datepicker("option","maxDate",dateText);
},
timeFormat : 'hh:mm:ss',
dateFormat : 'yy-mm-dd',
});
可以实现，但是当⼿动清除⽇期后，所选择的时间范围会出现问题：
⽐如： 刚开始我们选择startDate为20150714，endDate为20150729，然后⼿动清空startDate与endDate的⽇期，再次点击选择⽇期时，它们仍然有⽇期范围限制：
startDate：
jqueryui拖拽范围
endDate：
我现在到⼀个办法处理的是： 给它们添加onClose事件，在它close时调⽤⽅法：$.datepicker._clearDate(this);
$("#startDate").datepicker({
onSelect:function(dateText,inst){
$("#endDate").datepicker("option","minDate",dateText);
},
onClose: function() {
if ($("#startDate").val() == "") {
$.datepicker._clearDate(this);
}
},
timeFormat : 'hh:mm:ss',
dateFormat : 'yy-mm-dd',
});
$("#endDate").datepicker({
onSelect:function(dateText,inst){
$("#startDate").datepicker("option","maxDate",dateText);
},
onClose: function() {
if ($("#endDate").val() == "") {
$.datepicker._clearDate(this);
}
},
timeFormat : 'hh:mm:ss',
dateFormat : 'yy-mm-dd',
});
暂时就只到这个处理⽅法，必须要控件close的时候才会触发，不知道能不能在清空⽇期的时候就⽴马将⽇期限制去掉，知道的⼤神可以给个解决⽅案不

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。