jquery 日期选择器自动提前结束日期

Question

我正在使用 jQuery 日期选择器并希望 end date 从 start date

自动提前 1 天

到目前为止，我已经得到了以下代码，它几乎可以正常工作，只是没有将 +1 添加到日期：

$(function() {
    $( "#datepicker-8" ).datepicker({
        prevText:"click for previous months",
        nextText:"click for next months",
        showOtherMonths:true,
        selectOtherMonths: false,
        dateFormat:"dd-mm-yy",
        onClose: function( selectedDate ) {
            $( "#datepicker-9" ).datepicker( "option", "minDate", selectedDate );
            var fecha = $(this).datepicker('getDate');
            $("#datepicker-9").datepicker("setDate", new Date(fecha.getTime()));
            $("#datepicker-9").datepicker("setDate", "+1d");
        }
    });
    $( "#datepicker-9" ).datepicker({
        prevText:"click for previous months",
        nextText:"click for next months",
        defaultDate: "+1d",
        dateFormat:"dd-mm-yy",
        onClose: function( selectedDate ) {
            $( "#datepicker-8" ).datepicker( "option", "maxDate", selectedDate );
        }
    });
});

这是在这里和其他地方找到的信息的组合，但我似乎无法完成它。我还要求保留 minDate 和 maxDate 功能，但它们运行良好。

非常感谢

Answer 1

试试这个

$( "#datepicker-8" ).datepicker({
  prevText:"click for previous months",
  nextText:"click for next months",
  showOtherMonths:true,
  selectOtherMonths: false,
  dateFormat:"dd-mm-yy",
  onClose: function( selectedDate,inst ) {
    console.log(selectedDate);
    var parts = selectedDate.split('-');
    var mydate = new Date(parts[2], (parts[1] - 1), parts[0]);
    console.log( "my date:"+ mydate );
    mydate.setDate(mydate.getDate() + 1);
    $( "#datepicker-9" ).datepicker( "setDate", mydate );
  }
});

$( "#datepicker-9" ).datepicker({
  prevText:"click for previous months",
  nextText:"click for next months",
  defaultDate: "+1d",
  dateFormat:"dd-mm-yy",
  onClose: function( selectedDate ) {
    $( "#datepicker-8" ).datepicker( "option", "maxDate", selectedDate );
  }
});

这是一个有效的 fiddler

jquery 日期选择器自动提前结束日期

jquery datepicker auto advance end date

jquery

datepicker

jquery-ui-datepicker