ドロップダウンで日付を選択すると、同じ日付に別のものが作成されます

Question

最初のドロップダウンで開始日が選択され、終了日のドロップダウンが自動的に同じ日付にジャンプします。

JALのウェブサイトと同じです。最良の例 - >http://www.jal.co.jp/

私は以下のようなものを見つけることができましたが、これは私がしたいことではありません。

-http：//stackoverflow.com/questions/1974798/javascript-how-to-make-auto-select-another-drop-down

-http：//jsajax.com/EditRunDemo.aspx

-httpは：

誰もがどのように知ってい//stackoverflow.com/questions/1966407/how-to-populate-dropdown-with-dynamic-date-based-on-2-other-dropdown-boxesこれをする？ 私にいくつかアドバイスをしてください....

私はレールとjqueryを使用しているので、それらと一緒に行くものは素晴らしいでしょう！ありがとう！

Answer 1

私はタイプテキスト（from_dateとto_date）で2つの入力を使用しますが、ドロップダウンの場合と同じです。あなたが見ることができるように、私は日付ピッカーの日付形式オプションを設定して、チェックしてい

<script type="text/javascript"> 
    $(document).ready(function() { 

    $(".date").datepicker({ 
     dateFormat: 'mm-dd-yy' 
    }); 

    $("#from_date").change(function() { 
     var d = $("#from_date").val(); 
     $("#to_date").val(d); 
    }) 

    }); 
</script> 

：jQueryと私はこれを行うDatePickerのプラグインを使用して、その後、

<div>From: <%= text_field_tag :from_date, params[:from_date],:class => "date" %> </div> 
<div>To: <%= text_field_tag :to_date, params[:to_date],:class => "date" %> </div> 

：彼らはこのように見えますfrom_dateボックスで何かが変化したときを見る。何かが変わると（私はカレンダーから日付を選んだ）、内容は2番目のボックス（to_date）にコピーされます。