2016-07-04 42 views
0
<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(); 

選択された日付ピッカー開始、日付ピッカー終了時および終了時。私はなぜそうではありません。オン選択後に日付ピッカーが表示されない

+0

はこれを試してhttp://stackoverflow.com/questions/16076304/jquery-datepicker -only-works-once-and-not-not-second-time – JYoThI

+0

[Jquery UI datepickerの複製がnext().focus()]で終了する可能性があります(http://stackoverflow.com/questions/13218331)/jquery-ui-datepicker-closes-on-next-focus ) – Pieter

+0

それは動作しません – pmnazar

答えて

0

これを試してみてください:

終了日の自動オープン日付ピッカーのために使用setTimeout()

$('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); 
 
    } 
 
});
<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>

+0

ありがとう。それは作品です – pmnazar

関連する問題