2012-04-02 26 views
1

jqueryを使用して、テキストボックスから選択した値を取得し、サマリーページの別のテキストボックスに表示します(すべて同じページで設計されています)。Jquery - datepickerから選択した値を別のテキストボックスに表示

<label for="txt-outbound-date" class="left p-input-label" >Date: </label> 
<input type="text" id="txt-outbound-date" name="txt-outbound-date" class="input-txt-sml left required" /> 

概要ページのHTML::

<div class="div-contact-label-wrap"> 
    <label for="txt-selected-date" class="right p-input-label" >Outbound Date: </label> 
</div> 
<div class="div-contact-input-wrap"> 
    <input type="text" id="txt-selected-date" name="txt-selected-date" class="input-txt-sml left" disabled="disabled" /> 
</div> 

のjQueryコード:

$('#txt-outbound-date').change(function() { 
    $('#txt-selected-date').val($(this).val()); 
}); 

これは "以外の私が持っているすべてのテキストボックスのために完璧に大丈夫働くたとえば、私は、次のHTMLを持っていますJquery datepickerを使用して選択された値を取得するテキストボックスです。値を選択して要約ページに移動すると、値は何もコピーされません。前のページに戻って別の日付を選択すると、以前に選択された日付がテキストボックスに表示されます。

どのように私はこれを解決することができますか考えている人はありますか?

私も試してみた:

$('#txt-outbound-date').click(function() { 
    $('#txt-selected-date').val($(this).val()); 
}); 

をしかし、それはどちらか動作しませんでした。何か提案してください?このソリューションはここだけあれば動作します日付ピッカー

params.datepicker = { 
    selector: '#startdate, #enddate, minDate:'<%=date()%>' 
    } 

のこのタイプのために動作しません

$('#txt-outbound-date').datepicker({ 
    onSelect: function(dateText, inst) { 
     $('#txt-selected-date').val(dateText); 
    } 
}); 

答えて

1

あなたは日付ピッカーイベントonSelectを使用することができますテキストボックスに入力するか、または日付ピッカーの画像アイコンをクリックした後にテキストボックスにカーソルを置きます。

$(document).ready(function() { 
$('#startdate').click(function() { 
      var inputValues = []; 
      $("#startdate").each(function() { 
       inputValues.push($(this).val()); 
      }); 
      $('#enddate').each(function(index) { 
       if(index < inputValues.length) { 
        $(this).val(inputValues[index]); 
       } 
      }); 
     }); 
}); 

と、このソリューションは、HTML5 /ブートストラップでうまく動作します(ただし、私は日付ピッカーの古いバージョンでwet2テンプレートを持つ古い解決策を探しています)

$('#startdate').change(function(){ 
    $('#enddate').val($(this).val()); 
}) 
+0

おかげで、これはまだ動作していないようですが? – nsilva

+0

それが機能しない場合、なぜそれを答えとして受け入れましたか?それはどうしたらうまくいかないのですか? – j08691

+0

他の提案はありますか? – nsilva

0

この溶液(DatePickerのイベントにonSelect):

+0

これは元の質問に対する回答ではありません。質問がある場合は、新しい質問として投稿してください。 – Kmeixner

関連する問題