jQuery的日歷動作問題

Question

我有兩個日歷表格

<label>Check In</label>
<input type="text" name="In" id="In" placeholder="Check-In" class="input-text full-width" />
<label>Check Out</label>
<input type="text" id="Out" name="Out" placeholder="Check-Out" class="input-text full-width" />

和js代碼：

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

我需要完成的工作：Date2（退房）要與Da​​te1（簽到）后1天在一起

我嘗試了上面的代碼沒有成功。 你能幫忙嗎？

Answer 1

嘗試增加入帳日期，以便可以在出日歷中設置新日期...

$(document).ready(function(){
$("#Out").datepicker();
$("#In").datepicker({
    onSelect: function(){
        var fecha = $(this).datepicker('getDate');
        fecha.setDate(fecha.getDate()+1);
        $("#Out").datepicker("setDate", fecha);
    }
    });
});  

您還可以嘗試通過提供minDate來進一步限制退出日歷。

jQuery UI日期選擇器minDate

$(document).ready(function(){
$("#Out").datepicker();
$("#In").datepicker({
    onSelect: function(){
        var fecha = $(this).datepicker('getDate');
        fecha.setDate(fecha.getDate()+1);
        $("#Out").datepicker("setDate", fecha);
        $("#Out").datepicker("option","minDate",fecha);
    }
    });
});

希望能幫助到你！

Answer 2

假設到期日期必須在到期日期之后，則可以通過執行以下操作來設置最小到期日期：

$("#Out").datepicker("option", "minDate", $("#In").datepicker("getDate"));