显示"结束日期"基于datepicker"开始日期"和输入日期

时间:2016-04-19 07:08:18

标签: jquery html datepicker

需要尽快回答!

如何根据输入的日期间隔和开始日期获取结束日期,例如我的开始日期值为4/19/2015,然后输入的日期间隔如10我会在jquery中执行此操作,如果 datepicker 输入框中的值发生更改,则会触发该事件。

伙计们,我将非常感谢你的帮助T_T。

2 个答案:

答案 0 :(得分:1)

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

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

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

答案 1 :(得分:0)

请找到以下解决方案:

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