在下拉列表中选择一个日期，使另一个日期成为同一日期

发布于 2024-10-12 21:08:13 字数 548 浏览 2 评论 0原文

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

就像日航网站一样。最佳范例-> 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，所以任何与它们配合的东西都会很棒！谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

梦罢 2024-10-19 21:08:13

我使用 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）。

I use 2 input with type text (from_date and to_date), but it's the same deal as with a dropdown. they look like this:

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

then, using jquery and the datepicker plugin i do this:

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

as you can see, I'm setting the date format options for the datepicker, and checking to see when something changes in the from_date box. if something changes (i picked a date from the calendar), the contents get copied in the second box (to_date).

回复收藏 0 原文

~没有更多了~