Jquery日期选择器：选择一个日期，自动更新第二个字段

我正在使用Kelvin Luck的jQuery Date Picker插件（ http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/ ）并且需要执行以下操作，也许有人可以帮助我：

在旅游保险网站上，我有两个日期字段，一个用于开始日期，另一个用于结束日期。 还有第三个字段（选择）在几天内选择计划，每个计划具有不同的覆盖范围。 我们的想法是，如果您选择一个计划，例如15天，开始日期为X，那么第二个日期字段将会神奇地填充X + 15天的日期。

事实上，我的JavaScript知识不是你所谓的高级知识。

任何人都有一些插件的经验，或者至少可以给我一些指示？

非常感谢。

Answer 1

也许这可能有所帮助

---

$(document).ready(function(){ $("#date2").datepicker(); $("#date1").datepicker({ onSelect: function(){ var fecha = $(this).datepicker('getDate'); $("#date2").datepicker("setDate", new Date(fecha.getTime())); $("#date2").datepicker("setDate", "+15d"); } }); }); 

我想这就是你需要的

Answer 2

http://jqueryui.com/demos/datepicker/ onSelect可能就是您要找的，当您选择第一个日期可以添加15天并填充第二个字段时

您使用的日期选择器是旧版本，我认为您应该在上面的链接中查看jquery datepicker

Answer 3

我修改了其中一个样本。 像这样的东西：

 $(function() { $('#start-date').bind( 'dpClosed', function(e, selectedDates) { var d = selectedDates[0]; if (d) { d = new Date(d); var timeframe = $('.plan-length').val(); $('#end-date').dpSetStartDate(d.addDays(timeframe).asString()); $('#end-date').dpSetEndDate( d.addDays(timeframe + 1).asString()); } } ); }); 

其中#start-date是开始日期输入， .plan-length是一个选择器，它将返回计划添加的天数（显然我不知道你的实现，所以这肯定要改变）。 和#end-date是结束日期输入。

编辑：我还强烈建议您查看jquery UI DatePicker插件，因为它更灵活，IMO更容易使用。

编辑2：您可以设置开始和结束日期，因此它只是一个选择。 我在上面的代码中添加了1行。