Question

<form action="" class="test-form">  
  <input type="text" name="start">  
  <input type="text" name="end"> 
</form>

$('input[name=start]').datepicker({
  onSelect: function () {
    var $thisEnd = $(this).closest('.test-form').find('input[name=end]');
      $thisEnd.datepicker();
      $thisEnd.datepicker('show');
    }
});
$('input[name=end]').datepicker();

当选择了datepicker start时，datepicker结束打开并立即关闭。我不是没有原因。

Answer 1

试试这个：

将setTimeout()用于结束日期的自动打开日期选择器：

＆＃13;

$('input[name=end]').datepicker();

$('input[name=start]').datepicker({
    autoclose: true,  // This enable you to close the picker
    onSelect: function () { 
      setTimeout(function(){
         $('input[name="end"]').focus();
      }, 10);
    }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

<form action="" class="test-form">  
  <input type="text" name="start">  
  <input type="text" name="end"> 
</form>

＆＃13;

选择后，Datepicker未显示

1 个答案: