根据日期选择器“开始日期”和输入的日期显示“结束日期”答案

【问题标题】：Display "End Date" based on datepicker "Start Date" and inputted date根据日期选择器“开始日期”和输入的日期显示“结束日期”
【发布时间】：2016-04-19 07:08:18
【问题描述】：

需要尽快答复！

如何根据输入的日期间隔和开始日期获取结束日期，例如如果我有一个值为 4/19/2015 的开始日期，然后输入的日期间隔就像 10 我该怎么做在 jquery 中，如果 datepicker 输入框中的值发生更改，将触发该事件。

伙计们，我将感谢您的所有帮助 T_T。

【问题讨论】：

标签： jquery html datepicker

【解决方案1】：

你可以参考答案How to add number of days to today's date?

假设，您正在使用 jqueryui 日期选择器。如果是这样，只要从日期选择器中选择日期，就使用以下代码获取所选日期。

<script>
  $(function() {
    $( "#from" ).datepicker({
      onSelect: function( selectedDate ) {
        var startDate = selectedDate; // you got the startDate here
      }
    });
  });
 </script>

【讨论】：

【解决方案2】：

请在下面找到解决方案：

HTML：

<input type="text" id="start-date-picker" />
<input type="text" id="end-date-picker" />

JS：

$('#start-date-picker').datepicker();
$('#end-date-picker').datepicker();


$('#start-date-picker').change(function(){
    var interval = 10;

  function convertDateString(p) { return (p < 10) ? '0' + p : p; }

  var startDate = new Date($(this).val());
  startDate.setDate(startDate.getDate() + interval);
    $('#end-date-picker').val(convertDateString(startDate.getMonth() + 1) + '/' + convertDateString(startDate.getDate()) + '/' + startDate.getFullYear());
});

JS Fiddle Demo

【讨论】：