更新'结帐'输入基于' checkin'使用Datepicker UI

时间:2018-04-13 06:02:57

标签: forms date datepicker checkout checkin

我正在使用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天。 有没有办法动态检查签入值并更新任何事件的结帐,或者我应该采取不同的方法?

谢谢

1 个答案:

答案 0 :(得分:0)

试试这个

<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',
        });
});

这基本上是做什么的,它会比当前时间提前一天限制结账时间,您可以修改它以满足您的需求