使用日期选取器 UI 根据'checkin'更新'checkout'输入

Question

我正在使用Datepicker开发一个简单的签入和签出表单，我使它始终显示为今天签入，并显示明天签出。

<?php
$today = date("Y-m-d");
$tomorrow = new DateTime('tomorrow');
?>
<div class="row">
     <input type="text" class="datepicker" name="datein" value="<?php echo $today; ?>" readonly='true'>
     <input type="text" class="datepicker" name="dateout" value="<?php echo $tomorrow->format('Y-m-d'); ?>" readonly='true'>
</div>

我希望结帐日期始终是签到+1天。有没有办法动态检查签入值并更新任何事件的签出，或者我应该采取不同的方法？

谢谢

Answer 1

试试这个

<input id="checkIn" type="text" class="datepicker" name="datein" value="" readonly='true'>
     <input id="checkOut" type="text" class="datepicker" name="dateout" value="" readonly='true'>

 $(function () {         
var dateToday = new Date(new Date().getTime();
var oneDayAhead = new Date(new Date().getTime() + 24 * 60 * 60 * 1000);
   $("#checkIn").datepicker({
       changeMonth: true,
       minDate: dateToday,
       dateFormat: 'yy-mm-dd',
   });
   $("#checkOut").datepicker({
           changeMonth: true,
           minDate: oneDayAhead,
           dateFormat: 'yy-mm-dd',
        });
});

这基本上是，它将限制当前时间前一天的结帐时间，您可以修改它以满足您的需求