Ajax 根据给定的签入日期和持续时间更改签出日期

我有两个输入字段

首次输入：签入日期，例如2021-04-04

第二次输入：持续时间，例如12:00-23:00（开始时间-结束时间）

我需要的是找到相应的结帐日期。例如，如果签入日期为2021-04-22，并且选择的持续时间为20:00-04:00，这意味着00:00之后的日期已更改，现在签出日期应为2021-04-23，并保存在数据库中。 我的日期输入是通过html进行的，如：

<div class="col-md-6">   
            <div class="form-group">   
                  <label for="">Date</label>   
                <input type="date" name ="date" class="form-control" id="date" aria-describedby="" class="@error('date') is-invalid @enderror" required>   
            </div>   
</div>

日期

我在ajax中添加了开始时间和结束时间的第二个输入，如下所示，工作正常：

       $("#slot").change(function() {
           
            console.log("slot is changed"); 
            $('#time').empty();
            var time = {!! $time !!};
            var slot = {!! $slot !!};
            var count = 0;
            var op=" ";
            console.log($(this).val());
            op+='<option value="0" selected disabled>Select time duration </option>';
                    for (let i = 0; i < time.length; i++) {
                    if($(this).val() == time[i].slot_category_id)
                    {    
                        console.log(" slot category id in time is:"+time[i].slot_category_id);
                        count++;
                        op+= '<option value="'+ time[i].start_time+'-'+time[i].end_time +'">'+time[i].start_time+'-'+time[i].end_time+'</option>';
                    }
                    }

                    $("#time").append(op);
        }); 

$（“#插槽”）.change（函数（）{
console.log（“插槽已更改”）；
$（'#time'）.empty（）；
变量时间={！！$time！！}；
变量slot={！！$slot！！}；
var计数=0；
var op=“”；
log（$（this.val（））；
op+=‘选择持续时间’；
for（设i=0；i

现在，作为第一个输入，我将日期：2021-04-22作为签入日期。

和附加的时隙：23:00-02:00。

它应该将结帐日期保存为第二天，因为日期在00:00更改。 我应该如何在数据库中保存相应的结帐日期