Javascript 从另一个数据采集器选择日期时，更改第二个日期采集器minDate_Javascript_Jquery_Jquery Ui_Date_Datepicker

Javascript 从另一个数据采集器选择日期时，更改第二个日期采集器minDate

javascript jquery jquery-ui date

Javascript 从另一个数据采集器选择日期时，更改第二个日期采集器minDate,javascript,jquery,jquery-ui,date,datepicker,Javascript,Jquery,Jquery Ui,Date,Datepicker,我正在使用jQueryUIDatePicker 我在页面上有两个日期选择器，从和到日期选择器当我在一个日期选择器中选择一个日期时，我会将最大和最小日期更新为第二个日期选择器我的问题是，就在它关闭之前，隐藏被选中的日期选择器，当我更新第二个日期选择器的最小日期并关闭它时，它显示第二个日期选择器，而不是第一个当我从另一个日期选择器更新最小日期时，为什么会显示第二个日期选择器 <!doctype html> <html > <head> <li

我正在使用jQueryUIDatePicker

我在页面上有两个日期选择器，从和到日期选择器

当我在一个日期选择器中选择一个日期时，我会将最大和最小日期更新为第二个日期选择器

我的问题是，就在它关闭之前，隐藏被选中的日期选择器，当我更新第二个日期选择器的最小日期并关闭它时，它显示第二个日期选择器，而不是第一个

当我从另一个日期选择器更新最小日期时，为什么会显示第二个日期选择器

 <!doctype html>
<html >
<head>

  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

</head>
<body>

<input name="fromDateCalendar" type="text" value="10/12/2013" id="fromDateCalendar" style="width:100px;" />     

 <input name="toDateCalendar" type="text" value="09/01/2014" id="toDateCalendar" style="width:100px;" />    

<script>

    $(function () {
        $('#fromDateCalendar').datepicker({
            onSelect: function (date) {change1(date);}});

        $("#toDateCalendar").datepicker({
            onSelect: function (date) {change2(date);}, maxDate: '0' });
    });

    function change1(date) {
        $('#toDateCalendar').datepicker('option', 'minDate', date);}

    function change2(date) {
        $('#fromDateCalendar').datepicker('option', 'maxDate', date);}


</script> 

</body>
</html>

在更新第二个日期选择器之前，如何隐藏日期选择器

 <!doctype html>
<html >
<head>

  <link rel="stylesheet" href="//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.9.1.js"></script>
  <script src="//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

</head>
<body>

<input name="fromDateCalendar" type="text" value="10/12/2013" id="fromDateCalendar" style="width:100px;" />     

 <input name="toDateCalendar" type="text" value="09/01/2014" id="toDateCalendar" style="width:100px;" />    

<script>

    $(function () {
        $('#fromDateCalendar').datepicker({
            onSelect: function (date) {change1(date);}});

        $("#toDateCalendar").datepicker({
            onSelect: function (date) {change2(date);}, maxDate: '0' });
    });

    function change1(date) {
        $('#toDateCalendar').datepicker('option', 'minDate', date);}

    function change2(date) {
        $('#fromDateCalendar').datepicker('option', 'maxDate', date);}


</script> 

</body>
</html>

为了解决当我更改最大日期时，在1个日期选择器的位置显示2个日期选择器的问题，我调用…datepicker'option'，minDate'，在1 datepicker关闭并设置超时后启动

 onSelect: function (date) {                                                  
                             setTimeout(function () {
                                 ....datepicker('option', 'minDate', start)
                             }, 300)
                        }....

您的代码中存在语法错误，请修复它们并提供一把小提琴！无法正确理解您的需求更新代码时没有错误，但问题仍然是当我在第一个日期选择器中选择日期时，我更改了第二个日期选择器的最小日期，就在第一个日期选取器关闭之前，先显示第二个日期选取器，而不是第一个，然后关闭它。我很难理解你想要完成什么。以这一点为例，它是故意破坏的。从第一个日期选择器中选择日期后，它会将焦点设置为下一个日期，日历会快速打开和关闭。这就是你面临的问题吗？下一个日期选择器关闭得太快？或者，您是说您只希望在页面上显示一个日期选择器，并且只有在选定日期后，您才希望显示第二个日期选择器？还是希望第二个日期自动填充？