datepicker "開始日"と入力日に基づいて "終了日"を表示

Question

できるだけ早く回答が必要です！

どのように私は4/19/2015の値を持ち、その後、入力された日の間隔が10のようなものです開始日を持っている場合、どのように私はjQueryのではということだろうように、入力された日の間隔に基づいて、終了日を取得し、日付を開始しますdatepicker入力ボックス内の値が変更された場合、イベントがトリガーされます。

みんなあなたの助けをお待ちしておりますT_T。

Answer 1

あなたがjqueryui日付ピッカーを使用している、と仮定すると、答えにHow to add number of days to today's date?

を参照することができます。その場合は、datepickerから日付を選択するとすぐに、次のコードを使用して選択した日付を取得します。

<script> 
    $(function() { 
    $("#from").datepicker({ 
     onSelect: function(selectedDate) { 
     var startDate = selectedDate; // you got the startDate here 
     } 
    }); 
    }); 
</script> 

Answer 2

見つけてください下記のソリューション：

HTML：

<input type="text" id="start-date-picker" /> 
<input type="text" id="end-date-picker" /> 

JS：

$('#start-date-picker').datepicker(); 
$('#end-date-picker').datepicker(); 


$('#start-date-picker').change(function(){ 
    var interval = 10; 

    function convertDateString(p) { return (p < 10) ? '0' + p : p; } 

    var startDate = new Date($(this).val()); 
    startDate.setDate(startDate.getDate() + interval); 
    $('#end-date-picker').val(convertDateString(startDate.getMonth() + 1) + '/' + convertDateString(startDate.getDate()) + '/' + startDate.getFullYear()); 
}); 

JS Fiddle Demo