如何使时间戳值影响另一个时间戳值？

Question

我有一个默认时间设置，它接受设备时钟并将其设置为第一个时间戳的默认值，而第二个时间点设置为+1小时。这就是我加载它时的工作方式。

但我想要达到的目标与谷歌文档日历非常相似。如果我更改第一个时间戳，它也应该更改第二个。如果我更改第二个，那应该只在timepicker nr 1和nr 2之间创建一个时差。这意味着如果nr 1显示10.00而nr 2显示11，如果我将nr 2更改为12然后开始更改nr 1，则应该保持2小时的差异，除非我改回2号。

这是我的HTML和PHP代码

<div class="col-md-6 timeField" <?= !$calendarEntryForm->showTimeFields() ? 'style="opacity:0.2"' : '' ?>>
        <?= $form->field($calendarEntryForm, 'start_time')->widget(TimePicker::class,
        [
            'readonly' => false,
            'pluginOptions' => [
                'minuteStep' => 5,
                'defaultTime' => date('H:00', strtotime('+1 hour')),
            ],
            'options'=>[
                'class'=>'form-control',
            ]
        ],
                ['disabled' => $calendarEntryForm->entry->all_day]); ?>
    </div>
</div>


  <div class="col-md-6 timeField" <?= !$calendarEntryForm->showTimeFields() ? 'style="opacity:0.2"' : '' ?>>
        <?= $form->field($calendarEntryForm, 'end_time')->widget(TimePicker::class,
        [
            'readonly' => false,
            'pluginOptions' => [
                'minuteStep' => 5,
                'defaultTime' => date('H:00', strtotime('+2 hour')),
            ],
            'options'=>[
                'class'=>'form-control',
            ]
        ],
                ['disabled' => $calendarEntryForm->entry->all_day]); ?>
    </div>
</div>

使用的时间戳是Krajee.com的Kartik Visweswaran。

我假设我需要使用jQuery在javascript文件中修复此问题，但我不知道该怎么做。如果缺少某些信息使您难以提供帮助，只需回复您需要的信息。

编辑：

来自控制台的HTML

有谁知道吗？它是一个我需要做的jQuery事情并将它连接到divclass而不会出现错误，因此它会对当前timepicker中的更改做出反应