2016-07-18 17 views
0

の値を変更する第二日付ピッカーのためは、日付ピッカーブートストラップのonchange私は2日付ピッカーを持っていると私は1つの日付ピッカーと同じ値の値を変更したい別のブートストラップ日付ピッカー

フォーム1つの日付ピッカー

を設定する必要があります
<input name="start" class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" /> 

フォーム2日付ピッカー

<input name="start" class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" /> 

私は、フォーム1つの日付ピッカーを変更した場合、それは第二の形式の日付ピッカーを変更するに自動的に変更する必要があり

答えて

0

両方の入力タイプの名前を変更すると問題は解決しますが、コードは特定の質問に限定されているのであまりよく分かりません。

<input name="start" class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" /> 

<input name="start1" class="date-pick form-control" data-date-format="dd/mm/yyyy" type="text" /> 
0

使用しているブートストラップの日付ピッカーはわかりません。しかしあなたの質問から、私はonChangeイベントを提案することができます、あなたはidまたはクラス名で明示的に他の入力フィールドを更新します。

しかし、あなたは、日付の範囲を取得するために2つのInputBox関数を使用している場合は、日付が上で利用できるように最初の日付ピッカーで選択し取得するものであれば、あなたはタイプの範囲


0

でこれdatepickerをチェックします2番目のコードスニペットが役立つかもしれません。

.jspという

<input type="text" name="firstDate" id="firstDate" value="" class="datepicker" readonly> 
<input type="text" name="secondDate" id="secondDate" value="" class="datepicker" readonly> 

の.js

   $(function() {  
      $('.datepicker').datepicker(); 

      var updateSecondDate= function() { 

     var firstDate = new Date($('#firstDate').val()); 
     $('#secondDate').datepicker('setDate', firstDate); 
            } 
     $('#firstDate').change(updateSecondDate); 

     }); 
関連する問題