javascript - jquery 的日期选择器日期和日期逻辑

Question

在 from_date 的 on _change 事件上，我想获取输入天数和 from_date 的值，以添加天数和 from_date 的值并将其设置为 to_date

例如 input_days=5 和 from_date=10/02/2020 它应该添加并自动在 to_date 中显示 15/02/2020....

这是添加 from_date 和 to_date 并显示total_date 的代码，但是...我应该在此逻辑中更改什么？

$("#fromdate,#todate").datepicker({
    minDate: 0,
    changeMonth: true,
    changeYear: true,
    firstDay: 1,
    dateFormat: 'yy/mm/dd',
});

$("#fromdate").datepicker({dateFormat: 'yy/mm/dd'});
$("#todate").datepicker({dateFormat: 'yy/mm/dd'});

$('#enddate').change(function () {
    var start = $('#fromdate').datepicker('getDate');
    var end = $('#todate').datepicker('getDate');

    if (start < end) {
        var days = (end - start) / 1000 / 60 / 60 / 24;
        $('#total_days').val(days);
    } else {

        alert("cannot select same or previous date!");
        $('#fromdate').val("");
        $('#total_days').val("");
    }
});

Answer 1

请引用下面的代码。另请在评论中找到 fiddle 链接。如果输入为空，我将默认添加 5 天。

<label class="required">Days</label> <input type="text" id="days"><br/><br/><br/>
<label class="required">from</label>                                                                                                           
<input type="text" id="fromDate" class="form-control date-picker from input-append minDate" placeholder="mm/yyyy"><br/><br/><br/>

<label> To </label>                                             
<input type="text" id="toDate" class="form-control date-picker to input-append maxDate" placeholder="mm/yyyy" >

$(function() {
    $( ".from" ).datepicker({
      onSelect: function( selectedDate ) {
        $( ".to" ).datepicker( "option", "minDate", selectedDate );
        var toDate = $('.from').datepicker('getDate');
        var days = $("#days").val()  != "" ? parseInt($("#days").val()) : 5;
                toDate.setDate(toDate.getDate() + days );
                $('.to').datepicker('setDate', toDate);
      }
    });
    $( ".to" ).datepicker({
      onSelect: function( selectedDate ) {
        $( ".from" ).datepicker( "option", "maxDate", selectedDate );
      }
    });
  });