2017-05-26 138 views
0

我在我的项目中使用了两个datepickers,开始日期和结束日期。 第一个打开第二个日历用显示方法。为什么下一个按钮打开和关闭我的日历?

我注意到第二个日历上的下一个按钮关闭并重新打开日历。
我想避免这个“开放/重新打开”的问题。

我在做什么错了?

HTML

<input id="startDate" type="text" /><br /> 
<input id="endDate" type="text" /><br /> 

的Javascript

$(function(){ 
    $('#startDate').datepicker({ 
     dateFormat: 'dd-mm-yy', 
     onClose: function (dateText, inst) { 
      $('#endDate').datepicker("show"); 
     } 
    }); 

    $('#endDate').datepicker({ 
     dateFormat: 'dd-mm-yy' 
    }); 

}); 

请检查我的代码:http://jsfiddle.net/8w8v9/3078/

回答

1

我有一个肮脏的解决方案,我只能想发生什么:您展示“endDate”datepicker之前全部关闭了第一个和这个crea发生一些冲突。

The JSFiddle

$(function() { 

    $('#startDate').datepicker({ 
    dateFormat: 'dd-mm-yy', 
    onClose: function(dateText, inst) { 
     setTimeout(function() { 
     $('#endDate').datepicker('show'); 
     }, 50); 
    } 
    }); 

    $('#endDate').datepicker({ 
    dateFormat: 'dd-mm-yy' 
    }); 

}); 
+0

是的,我会接受这个答案。我也是这样解决的。但为了延迟我把0 – user

相关问题