在下拉列表中选择一个日期使另一个日期到达同一日期

Question

我想要做的是在第一个下拉列表中选择开始日期时，结束日期下拉列表会自动跳转到相同日期。

就像日航网站一样。最好的例子 - >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

是否有人知道如何去做这个？ 请给我一些建议....

我使用的是rails和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和日期选择器插件，我这样做：

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

，你可以看到，我设置的日期选择日期格式选项，并检查查看from_date框中的某些内容何时发生更改。如果有变化（我从日历中选择日期），内容将被复制到第二个框中（to_date）。