выберите дату в выпадающем списке делает еще одну на ту же дату

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

Я использую 2 ввода с типом текста (from_date и to_date), но это то же самое, что и с раскрывающимся списком.они выглядят так:

<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>

затем, используя jquery и плагин datepicker, я делаю это:

<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>

, как вы видите, я устанавливаю параметры формата даты дляDatePicker и проверка, чтобы увидеть, что-то меняется в поле from_date.если что-то меняется (я выбрал дату из календаря), содержимое копируется во второе поле (to_date).